:root{--background:#fff;--foreground:#232323;--neutral:#f6f6f6;--mint:#b9ffed;--success:#26b38f;--info:#c0baff;--danger:#ffa9fb;--gradient-1:linear-gradient(135deg,var(--mint) 0%,var(--info) 100%)}.container-main{display:flex;align-items:center;width:100%;max-width:1520px;margin:0 auto;padding-left:20px;padding-right:20px;overflow-x:hidden}.shimmer{color:purple;display:inline-block;mask:linear-gradient(-60deg,#000 30%,#0005,#000 70%) right /350% 100%;-webkit-mask:linear-gradient(-60deg,#000 30%,#0005,#000 70%) right /350% 100%;animation:shimmer 2.5s infinite;font-size:50px;max-width:200px;font-weight:700;text-transform:uppercase}@keyframes shimmer{0%{mask-position:right;-webkit-mask-position:right}to{mask-position:left;-webkit-mask-position:left}}.form{position:relative;background:var(--background);align-items:center;overflow:hidden;font-family:var(--font-inter)}.form,.form-container{width:100%;height:100vh;display:flex}.form-container{flex-direction:column;flex:1 1;padding:40px 20px;overflow:auto}.form-wrapper{margin-top:45px;position:relative;width:100%;max-width:1092px;display:grid;z-index:10}.form-wrapper.v2{margin-top:0}.form-left{width:100%;display:flex;flex-direction:column;background:var(--foreground);border-radius:20px;padding:30px;aspect-ratio:335/211}.form-left.v2{display:none}.form-left .sim-img{width:100%;max-width:68px}.form-left .logo{width:100%;max-width:199px;transform:translateY(-16px);margin:auto}.relative{position:relative}.form-right{width:100%;background:var(--background);border-radius:20px;display:flex;flex-direction:column;gap:24px;padding:40px 30px}.error-icon{flex-shrink:0}.text-center{text-align:center}.form form{display:flex;flex-direction:column;gap:20px}.form h1{font-weight:600;font-size:1.875rem;line-height:2.25rem}.form h2{font-weight:600;font-size:1.5rem;line-height:2rem}.form h3{font-weight:600}.form h3,.form h4{font-size:1.25rem;line-height:1.75rem}.form h4{font-weight:500}.form h5,.form h6{font-weight:600;font-size:1.25rem;line-height:1.75rem}.form p{font-weight:500;font-size:.875rem;line-height:1.25rem}.form .body-b1{font-size:1rem}.form .body-b1,.form .body-b2{font-weight:400;line-height:130%}.form .body-b2{font-size:.875rem}.form .body-b4{font-weight:400;font-size:.75rem;line-height:1rem}.form .link{font-weight:500;font-size:1rem;line-height:1.5rem}.form .link-2{font-weight:500;font-size:.875rem;line-height:1.25rem;transition:all .3s ease}.form .link-2:hover{opacity:.8}.form .form-input{display:flex;flex-direction:column;width:100%}.form .form-input-label{margin-bottom:8px}.form .form-input-input{width:100%;height:42px;padding:10px 12px;border:1px solid #23232330;border-radius:10px;outline:none;transition:all .3 ease;color:var(--foreground)!important}.form .form-input-input::placeholder{color:#23232360}.form .form-input-input:hover{border:1px solid #23232350;transition:all .3 ease}.form .form-input-input:active,.form .form-input-input:focus{border:1px solid #23232380!important;transition:all .3 ease}.form .form-input-error{display:flex;align-items:center;gap:8px;margin-top:8px}.form .form-input-input[data-error=true]::placeholder{color:#ff2e2e}.otp-container{width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.otp-container .text{display:flex;flex-direction:column;gap:4px;font-size:14px;max-width:320px;text-align:center}.otp-container .countdown{font-size:14px!important;color:#23232380!important}.pinInput-pin{width:48px;height:48px}.pinInput-root{display:flex;align-items:center;gap:8px;margin:0 auto}.pinInput-pin-input{width:100%;height:100%;border-radius:16px;border:1px solid #23232320}.pinInput-pin-input:hover{border:1px solid #232323}.pinInput-pin-input[aria-invalid=true],.pinInput-pin-input[data-error=true]{border:1px solid #fe3939}.form-footer{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:30px;margin-top:16px}.form-btn-default{padding:10px 20px;background:var(--foreground);color:var(--background);font-size:16px;border-radius:10px;font-weight:500;border:1px solid var(--foreground);transition:all .3s ease}.form-btn-default:hover{background:transparent;color:var(--foreground);transition:all .3s ease}.form-btn-link{padding-bottom:4px;border-bottom:1px solid var(--foreground);font-size:16px;font-weight:500;border-radius:0;color:var(--foreground)!important;padding-right:0!important;padding-left:0!important;transition:all .3s ease}.form-btn-link:hover{font-weight:700;transition:all .3s ease}.btn-default{height:40px;padding:8px 16px}.btn-sm{height:32px;gap:6px;padding-right:12px;padding-left:12px}.btn-lg,.btn-sm{border-radius:6px}.btn-lg{height:40px;padding-right:24px;padding-left:24px}.btn-icon{width:36px;height:36px}.btn-base{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:"nowrap";border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;flex-shrink:0}.btn-base:disabled{pointer-events:none;opacity:1}.btn-submit{width:100%;max-width:207px!important}.form-linear-bg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.form-vertical-text{position:absolute;max-width:225px;right:-56px;top:50%;transform:translateY(-50%);opacity:1}.checkbox-input{display:flex;align-items:center;margin:0 auto}.checkbox-input input{width:16px;height:16px;color:#4242ff;background:#f3f1f1;border:1px solid #dad4d4;border-radius:4px}.checkbox-input .checkbox-label-wrapper{display:flex;flex-direction:column;align-items:center}.checkbox-input .checkbox-label-wrapper label{font-size:14px;font-weight:500;color:gray}.checkbox-error{font-size:12px;color:#fe3939;margin-right:8px}@media screen and (min-width:768px){.form-vertical-text{max-width:max-content}.form-footer{flex-direction:row;margin-top:62px}.form h1{font-size:4.375rem;line-height:4.5rem}.form h2{font-size:2.5rem;line-height:2.5rem}.form h3{font-weight:500;font-size:1.875rem;line-height:2.25rem}.form h4{font-size:1.5rem;line-height:2rem}.form h6{font-size:2.25rem;line-height:2.5rem}.form p{font-size:1.25rem;line-height:1.75rem}.form .body-b1{font-size:1.5rem}.form .body-b2{font-size:1rem}.form-container{padding-right:32px;padding-left:32px}.form-wrapper{grid-template-columns:1fr 1fr;margin:auto}.form-wrapper.v2{margin:auto}.form-left{height:auto;padding:60px;aspect-ratio:auto}.form-left.v2{display:flex}.form-left .sim-img{max-width:109px}.form-left .logo{max-width:417px}}