:root{--bg:#F7F9FC;--text:#1B2530;--grey-50:#F8F9FA;--gray-400:#9099A5;--gray-200:#E5E7EB;--gray-500:#6B7280;--gray-600:#414B58;--gray-700:#40545F;--primary:#A300CC;--primary-dark:#7A0099;--primary-light:#FDF5FF;--soft-white:#FBFCF8;--error:#E72228;--surface-error:#FFF1F1;--success:#006F4C;--surface-success:#D4F7EC}*{box-sizing:border-box}body,html{height:100%}body{font-family:Averta,sans-serif;color:var(--text);background:var(--bg)}body,p{margin:0}.vgs .header{display:flex;align-items:center;padding:16px}.vgs .main{height:calc(100vh - 98px);display:grid;grid-template-columns:490px 1fr}.vgs .content{background:#fff;border-radius:16px 0 0 0;height:100%;padding:180px 111px 24px;display:flex;align-items:flex-start;justify-content:center}.content .content-wrapper{max-width:450px}.content .full-img{max-width:55%;height:auto;object-fit:contain;transition:max-width .3s ease}.vgs .content .welcome-title{text-align:center;font-size:32px;font-weight:400;margin:0 0 24px;color:var(--text)}.vgs .main.layout-center{display:grid;grid-template-columns:1fr}.vgs .main.layout-center .content{border-radius:0;padding:236px 0 0 126px;justify-content:space-between}.vgs .main.layout-center .welcome-title{text-align:left}.vgs .main.layout-center.otp-setup-layout .content-wrapper{margin-top:60px}.vgs .main.layout-center.otp-verify-layout .full-img{margin-right:12px}.vgs .main.layout-center.otp-verify-layout .content-wrapper{max-width:530px}.vgs .main.layout-center.email-verification-layout .content-wrapper{max-width:614px;margin-top:60px}.vgs .main.layout-center.email-verification-layout .full-img{margin-right:72px}.vgs .main.layout-middle{grid-template-columns:1fr;justify-items:center;background:#fff}@media (max-width:1024px){.vgs .main{grid-template-columns:1fr}.vgs .sidebar{position:static;height:auto}.vgs .main.layout-center .content{padding:24px;flex-direction:column-reverse;justify-content:space-evenly;align-items:center}}.vgs .circle-lines-left{padding:19px 0 0}.vgs .side-body{padding:45px 24px 24px 57px}.vgs .side-title,.vgs .side-title-brand{font-size:24px;letter-spacing:.48px;line-height:150%}.vgs .side-title{color:var(--text);margin:0}.vgs .side-title-brand{font-weight:700;color:#885cf3}.vgs .features{list-style:none;padding:0;margin:48px 0;display:flex;flex-direction:column;gap:24px}.vgs .feature{display:flex;align-items:flex-start;gap:16px}.vgs .feature img{margin-top:2px}.vgs .text-block{display:flex;flex-direction:column;gap:4px}.vgs .feature-title{font-size:18px;font-weight:600;color:var(--text)}.vgs .feature-desc{font-size:16px;letter-spacing:.32px;color:var(--gray-700);max-width:340px}.vgs .card{display:flex;flex-direction:column;align-items:center}.vgs .card.card-align-left{align-items:flex-start}.vgs .card.card-align-left .password-policies{margin:0 0 16px}.vgs .form-message{font-size:16px;line-height:150%;letter-spacing:.32px;margin-bottom:24px}.vgs .alert,.vgs .btn{font-size:14px;line-height:150%;border:1px solid transparent;display:flex;align-items:center}.vgs .alert{border-radius:4px;color:var(--text);padding:12px 10px;margin-block:22px;letter-spacing:.28px;width:520px}.vgs .alert::before{margin-right:16px}.vgs .alert.warning{background-color:#fffbe6;border:1px solid #ffe58f}.vgs .alert.warning::before{content:url(../img/warning-icon.svg)}.vgs .alert.error{background:var(--surface-error);border-left:6px solid var(--error)}.vgs .alert.error::before{content:url(../img/error-icon.svg)}.vgs .alert.info{background:#e6f7ff;border:1px solid #91d5ff}.vgs .alert.info::before{content:url(../img/info-icon.svg)}.vgs .alert.success{background:var(--surface-success);border-left:6px solid var(--success)}.vgs .alert.success::before{content:url(../img/success-icon.svg)}.vgs .btn{font-family:Averta,sans-serif;font-weight:400;text-align:center;margin:0;border-radius:24px;padding:9px 16px;cursor:pointer;text-decoration:none;justify-content:center;box-sizing:border-box;transition:color .2s ease,background .2s ease,transform .2s ease}.vgs .button-wrapper{display:flex;gap:16px}.vgs button[type=submit]:disabled{cursor:not-allowed;pointer-events:none;color:var(--gray-600);border:1px solid var(--gray-600);background:var(--grey-50)}.vgs .text-uppercase{text-transform:uppercase}.vgs .btn:hover{outline:0}.vgs .btn:active{box-shadow:none;outline:0}.vgs .btn:focus{outline:0}.vgs .btn.brand{color:var(--soft-white);background:var(--primary)}.vgs .btn.brand:hover:not(:disabled){background:var(--primary-dark)}.vgs .btn.brand-outline{border-color:var(--primary);color:var(--primary)}.vgs .btn.brand-outline:hover:not(:disabled){background:var(--primary-light)}.vgs .btn.idp-btn{margin:0;width:190px;padding:12px 16px;border-radius:8px;justify-content:left;box-shadow:0 4px 4px 0 rgba(0,0,0,.25)}.vgs .btn.idp-btn:not(:last-child){margin-right:16px}.vgs .btn.idp-btn:active{background-color:#eee;box-shadow:0 0 2px rgba(0,0,0,.08),0 1px 1px rgba(0,0,0,.16)}.vgs .btn.idp-btn span{margin-left:16px;letter-spacing:.32px;color:#000}.vgs .text{font-family:Averta,sans-serif;text-align:center;font-size:16px;line-height:150%;color:var(--text);letter-spacing:.28px}.vgs .terms-and-conditions{color:var(--gray-400);letter-spacing:.24px;margin-block:16px}.vgs .terms-and-conditions a{color:var(--gray-400);letter-spacing:.24px;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.vgs .text.small{font-size:14px;line-height:22px}.vgs .text-md{font-size:14px}.vgs .text-sm{font-weight:400;font-size:12px}.vgs .text-gray{color:var(--gray-400)}.vgs .text-left{text-align:left}.vgs .m-0{margin:0!important}.vgs .m-block-24{margin-block:24px}.vgs .p-block-10{padding-block:10px}.vgs .remind-wrapper{margin-bottom:70px}.vgs .divider-or{color:var(--gray-500);letter-spacing:.32px;text-align:center;margin:24px 0;line-height:24px}.vgs .divider-or:after,.vgs .divider-or:before{background-color:var(--gray-500);content:"";display:inline-block;height:1px;position:relative;vertical-align:middle;width:58px}.vgs .divider-or:before{right:16px;margin-left:-50%}.vgs .divider-or:after{left:16px;margin-right:-50%}.vgs .strong{font-weight:600}.vgs .input{display:block;height:40px;font-size:14px;font-weight:400;color:var(--text);letter-spacing:.28px;background:#fff;border:1px solid var(--gray-400);border-radius:4px;padding:9px 8px 10px;width:346px;outline:0}.vgs .input-wrapper{margin:4px 0 24px}.vgs .input-wrapper .field-error{color:var(--error);font-size:10px;line-height:150%;letter-spacing:.2px;margin:4px 0 16px}.vgs .password-field .input-wrapper{position:relative}.vgs .password-field .input-wrapper .input{padding-right:40px}.vgs .input.error{border-color:var(--error)}.vgs .label{color:var(--text);font-size:12px;font-weight:400;line-height:150%;letter-spacing:.24px;margin-bottom:4px}.vgs .input:focus{border-color:var(--primary)}.vgs .input-lg{width:367px}.vgs .input-xl{width:426px}.vgs .input::placeholder{color:var(--gray-400);letter-spacing:.28px}.vgs .input:-webkit-autofill{color:var(--gray-400);background:#fff}.vgs .password-field .toggle-password{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:0 0;cursor:pointer;padding:0}.vgs .password-error{display:none;color:var(--error);font-size:10px;line-height:150%;letter-spacing:.2px;margin-top:4px}.vgs .password-field .field-error.password-not-match{display:none}.vgs .password-field.not-match .password-not-match{display:block}.vgs .password-field.not-match .input{border-color:var(--error)}.vgs .link{color:var(--primary);text-decoration:none;line-height:150%;letter-spacing:.28px}.vgs a.link:hover{color:var(--primary-dark)}.qr-code-container{display:flex;flex-direction:column;align-items:center;width:100%}.vgs .qr-code{width:380px;height:auto}.otp{display:grid;grid-template-columns:repeat(6,55px);gap:8px;margin:32px 0}.otp input{font-family:Averta,sans-serif;height:70px;text-align:center;font-size:48px;font-weight:600;border:1px solid var(--gray-200);border-radius:8px;outline:0}@media (max-width:480px){.otp{grid-template-columns:repeat(6,45px)}.otp input{height:50px}}.vgs .otp-mode{margin-top:0}.vgs .otp-secret-key{background-color:var(--bg);padding:10px;margin:16px 0}.vgs .password-policies{font-size:12px;font-weight:400;line-height:150%;letter-spacing:.24px;color:#000;display:flex;flex-direction:column;width:fit-content;margin:0 auto 16px;gap:8px}.vgs .password-policies p{position:relative;padding-left:22px}.password-policies p::before{content:"";position:absolute;left:0;top:50%;width:12px;height:12px;transform:translateY(-50%) scale(.85);opacity:0;transition:opacity .18s ease,transform .18s ease;will-change:opacity,transform}.password-policies p.valid::before{opacity:1;transform:translateY(-50%) scale(1);background:url(../img/check-icon.svg) center/contain no-repeat}.vgs .otp-cards{display:flex;margin-bottom:16px}.vgs .otp-card{background:var(--bg);padding:32px 40px;margin:0 8px;cursor:pointer;border:1px solid #fff;border-radius:4px}.vgs .otp-card.active{border-color:#3c4b5e}.vgs .d-flex{display:flex}.vgs .content-center{justify-content:center}.vgs .margin-top{margin-top:24px}.vgs .margin-bottom-32{margin-bottom:32px}.vgs .margin-top-8{margin-top:8px}