@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_c15e96cb-module__0bjUvq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_c15e96cb-module__0bjUvq__variable{--font-inter:"Inter","Inter Fallback"}
@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/af8c9db3ac3b8496-s.3c7a8af2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/919150cee765f2c1-s.c47b98a8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1474caba38fad8de-s.p.32b121a4.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_6b8438b8-module__IGBx9G__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal;font-weight:600}.space_grotesk_6b8438b8-module__IGBx9G__variable{--font-space-grotesk:"Space Grotesk","Space Grotesk Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d72c019e91ffb82f-s.a0d295d6.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/8557ac4879842fb9-s.9ce01009.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c847346577a98de0-s.c73b42b5.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/db08d2e20377160a-s.bc9c9e11.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/8394f9d71e076efc-s.d6b44b91.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/19087af2bdec32b5-s.p.ec718a33.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_c1a148cc-module__fUUJbq__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal;font-weight:400}.jetbrains_mono_c1a148cc-module__fUUJbq__variable{--font-jetbrains:"JetBrains Mono","JetBrains Mono Fallback"}
@supports (-webkit-touch-callout:none){.login-modal-overlay input,.login-modal-overlay textarea{font-size:16px!important}}.login-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;overscroll-behavior:contain;scroll-behavior:auto;background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}@media (max-width:640px){.login-modal-overlay{padding:0;overflow:hidden}}.login-modal-container{overscroll-behavior:contain;scroll-behavior:auto;-webkit-overflow-scrolling:touch;background:#0f172a;border:1px solid #1e293b;border-radius:24px;width:100%;max-width:480px;max-height:calc(100vh - 32px);margin:auto;position:relative;overflow:hidden auto;box-shadow:0 25px 50px -12px #000c}@media (max-width:640px){.login-modal-container{border-radius:0;flex-direction:column;height:100%;max-height:100vh;display:flex}}@media (max-width:480px){.login-modal-container{border-radius:0;height:100%;max-height:100vh}}.login-modal-close{color:#64748b;cursor:pointer;z-index:10;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s;position:absolute;top:16px;right:16px}.login-modal-close:hover{color:#f8fafc;background:#1e293b}.login-header{text-align:center;border-bottom:1px solid #1e293b;padding:20px 24px 16px}@media (max-width:640px){.login-header{padding:20px 20px 16px}}.login-title-with-logo{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:10px;display:flex}.login-title{color:#f8fafc;background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 50%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:24px;font-weight:700}.login-logo{-o-object-fit:contain;object-fit:contain;width:auto;height:32px}@media (max-width:640px){.login-title{font-size:20px}.login-logo{height:28px}}.login-subtitle{color:#64748b;max-width:400px;margin:0 auto;font-size:13px;line-height:1.5}@media (max-width:640px){.login-subtitle{font-size:12px;line-height:1.4}}.login-progress-stepper{border-bottom:1px solid #1e293b;justify-content:space-between;align-items:flex-start;gap:0;margin:0 auto;padding:18px 32px;display:flex;position:relative}@media (max-width:768px){.login-progress-stepper{max-width:100%;margin:0;padding:16px 24px}}@media (max-width:640px){.login-progress-stepper{margin:0;padding:14px 16px}}@media (max-width:480px){.login-progress-stepper{margin:0;padding:12px}}.login-progress-stepper:before{content:"";z-index:0;background:#334155;height:2px;position:absolute;top:34px;left:30%;right:30%}@media (max-width:640px){.login-progress-stepper:before{top:27px}}.login-stepper-step{flex-direction:column;flex:1 1 0;align-items:center;min-width:0;display:flex;position:relative}.login-progress-stepper:after{content:"";z-index:0;height:2px;width:var(--progress-width,0%);background:#06b6d4;transition:width .3s;position:absolute;top:34px;left:25%}@media (max-width:640px){.login-progress-stepper:after{top:32px}}.login-stepper-circle{z-index:1;flex-shrink:0;margin-bottom:6px;position:relative}.login-stepper-number{color:#64748b;background:#1e293b;border:2px solid #334155;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:600;transition:all .3s;display:flex}@media (max-width:768px){.login-stepper-number{width:34px;height:34px;font-size:14px}}@media (max-width:640px){.login-stepper-number{width:32px;height:32px;font-size:14px}}@media (max-width:480px){.login-stepper-number{width:30px;height:30px;font-size:13px}}.login-stepper-step.active .login-stepper-number{color:#f8fafc;background:#06b6d4;border-color:#06b6d4;animation:2s infinite loginPulse}.login-stepper-step.completed .login-stepper-number{color:#f8fafc;background:#10b981;border-color:#10b981}@keyframes loginPulse{0%,to{box-shadow:0 0 #06b6d466}50%{box-shadow:0 0 0 8px #06b6d400}}.login-stepper-label{color:#64748b;text-align:center;word-wrap:break-word;overflow-wrap:break-word;width:100%;font-size:12px;font-weight:500;line-height:1.2}@media (max-width:768px){.login-stepper-label{font-size:11.5px}}@media (max-width:640px){.login-stepper-label{font-size:11px}}@media (max-width:480px){.login-stepper-label{font-size:10px;line-height:1.1}}.login-stepper-step.active .login-stepper-label{color:#06b6d4}.login-stepper-step.completed .login-stepper-label{color:#10b981}.login-content{padding:24px 32px}@media (max-width:768px){.login-content{padding:20px 24px}}@media (max-width:640px){.login-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;padding:16px 20px;overflow:hidden auto}}@media (max-width:480px){.login-content{padding:14px 16px}}.step-title{color:#f8fafc;margin-bottom:6px;font-size:20px;font-weight:600}@media (max-width:768px){.step-title{font-size:19px}}@media (max-width:640px){.step-title{margin-bottom:6px;font-size:18px}}@media (max-width:480px){.step-title{font-size:17px}}.step-description{color:#94a3b8;margin-bottom:18px;font-size:14px;line-height:1.5}@media (max-width:768px){.step-description{margin-bottom:16px;font-size:13.5px}}@media (max-width:640px){.step-description{margin-bottom:12px;font-size:13px;line-height:1.4}}@media (max-width:480px){.step-description{margin-bottom:10px;font-size:12px}}.zalo-notice{background:linear-gradient(135deg,#0068ff1f 0%,#3b82f61f 50%,#93c5fd1f 100%);border:2px solid;border-image:linear-gradient(135deg,#0068ff 0%,#3b82f6 50%,#60a5fa 100%) 1;border-radius:12px;align-items:center;gap:12px;margin:12px 0 16px;padding:12px 14px;animation:3s ease-in-out infinite zalo-glow;display:flex;position:relative;overflow:hidden}@keyframes zalo-glow{0%,to{box-shadow:0 0 #0068ff66}50%{box-shadow:0 0 20px 2px #0068ff4d}}@media (max-width:640px){.zalo-notice{border-radius:10px;gap:10px;margin:12px 0 16px;padding:10px 12px}}@media (max-width:480px){.zalo-notice{gap:8px;margin:10px 0 14px;padding:8px 10px}}.zalo-notice:before{content:"";background:linear-gradient(90deg,#0000 0%,#0068ff1a 50%,#0000 100%);width:100%;height:100%;animation:3s ease-in-out infinite zalo-shine;position:absolute;top:0;left:-100%}@keyframes zalo-shine{0%{left:-100%}50%,to{left:100%}}.zalo-notice-icon{color:#fff;z-index:1;background:linear-gradient(135deg,#0068ff 0%,#3b82f6 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;animation:2s ease-in-out infinite zalo-icon-pulse;display:flex;position:relative;box-shadow:0 4px 12px #0068ff59}@keyframes zalo-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (max-width:640px){.zalo-notice-icon{border-radius:10px;width:38px;min-width:38px;height:38px}}@media (max-width:480px){.zalo-notice-icon{border-radius:8px;width:34px;min-width:34px;height:34px}}.zalo-notice-icon svg,.zalo-notice-icon-img{-o-object-fit:contain;object-fit:contain;width:20px;height:20px}@media (max-width:640px){.zalo-notice-icon svg,.zalo-notice-icon-img{width:22px;height:22px}}@media (max-width:480px){.zalo-notice-icon svg,.zalo-notice-icon-img{width:20px;height:20px}}.zalo-notice-content{z-index:1;flex:1;position:relative}.zalo-notice-title{color:#0068ff;margin-bottom:2px;font-size:13px;font-weight:700;line-height:1.3}@media (max-width:640px){.zalo-notice-title{margin-bottom:2px;font-size:13px}}@media (max-width:480px){.zalo-notice-title{font-size:12px}}.zalo-notice-text{color:#64748b;font-size:12px;font-weight:500;line-height:1.3}@media (max-width:640px){.zalo-notice-text{font-size:11px;line-height:1.3}}@media (max-width:480px){.zalo-notice-text{font-size:10px}}.zalo-notice-text strong{color:#0068ff;font-weight:700}.zalo-notice-otp{margin:12px 0 16px}@media (max-width:640px){.zalo-notice-otp{margin:10px 0 12px}}@media (max-width:480px){.zalo-notice-otp{margin:8px 0 10px}}.form-group{min-height:60px;margin-bottom:16px;position:relative}@media (max-width:768px){.form-group{min-height:58px;margin-bottom:15px}}@media (max-width:640px){.form-group{min-height:56px;margin-bottom:14px}}@media (max-width:480px){.form-group{min-height:54px;margin-bottom:12px}}.form-label{color:#f8fafc;margin-bottom:6px;font-size:13px;font-weight:600;display:block}@media (max-width:640px){.form-label{margin-bottom:5px;font-size:12.5px}}@media (max-width:480px){.form-label{margin-bottom:4px;font-size:12px}}.form-input{color:#f8fafc;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#1e293b;border:2px solid #334155;border-radius:12px;width:100%;min-height:52px;padding:14px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}@media (max-width:768px){.form-input{min-height:50px;padding:13px 15px}}@media (max-width:640px){.form-input{border-radius:10px;min-height:48px;padding:12px 14px}}@media (max-width:480px){.form-input{border-radius:8px;min-height:46px;padding:11px 13px}}.form-input::placeholder{color:#64748b}.form-input:focus{border-color:#06b6d4;outline:none;transform:none;box-shadow:0 0 0 4px #06b6d41a}.password-toggle-group{position:relative}.password-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:color .2s;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.password-toggle:hover{color:#06b6d4}.phone-input-group{gap:12px;display:flex}@media (max-width:640px){.phone-input-group{gap:8px}}@media (max-width:480px){.phone-input-group{gap:6px}}.country-selector{color:#f8fafc;cursor:pointer;background:#1e293b;border:2px solid #334155;border-radius:12px;align-items:center;gap:8px;min-width:100px;padding:16px 18px;font-weight:600;transition:all .2s;display:flex}@media (max-width:768px){.country-selector{min-width:90px;padding:14px 16px}}@media (max-width:640px){.country-selector{border-radius:10px;min-width:85px;padding:12px 14px;font-size:14px}}@media (max-width:480px){.country-selector{border-radius:8px;gap:6px;min-width:80px;padding:11px 12px;font-size:13px}}.country-selector:hover{border-color:#06b6d4}.country-flag{font-size:20px}@media (max-width:640px){.country-flag{font-size:18px}}@media (max-width:480px){.country-flag{font-size:16px}}.form-input.phone{flex:1}.form-microcopy{color:#64748b;align-items:flex-start;gap:8px;margin-top:8px;font-size:14px;line-height:1.5;display:flex}@media (max-width:640px){.form-microcopy{gap:6px;margin-top:6px;font-size:12px;line-height:1.4}}@media (max-width:480px){.form-microcopy{gap:5px;margin-top:5px;font-size:11px}}.form-microcopy svg{color:#06b6d4;flex-shrink:0;width:16px;height:16px;margin-top:2px}@media (max-width:640px){.form-microcopy svg{width:14px;height:14px}}@media (max-width:480px){.form-microcopy svg{width:12px;height:12px}}.form-error{color:#ef4444;will-change:opacity,max-height,margin-top;background:#2a0e0e;border:1px solid #7f1d1d;border-radius:12px;align-items:flex-start;gap:12px;margin-top:8px;padding:12px 16px;font-size:14px;display:flex;overflow:hidden;transform:translateZ(0)}@media (max-width:640px){.form-error{margin-top:6px;padding:10px 14px;font-size:13px}}.form-error svg{flex-shrink:0;width:20px;height:20px;margin-top:1px}@media (max-width:640px){.form-error svg{width:18px;height:18px}}.otp-container{justify-content:center;gap:10px;margin:24px 0 20px;display:flex}@media (max-width:640px){.otp-container{gap:6px;margin:12px 0 8px}}@media (max-width:480px){.otp-container{gap:5px;margin:10px 0 6px}}.otp-input{text-align:center;color:#f8fafc;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#1e293b;border:2px solid #334155;border-radius:12px;width:52px;height:64px;scroll-margin:0;scroll-padding:0;font-size:24px;font-weight:700;transition:border-color .2s,box-shadow .2s}@media (max-width:640px){.otp-input{border-radius:8px;width:42px;height:50px;font-size:20px}}@media (max-width:480px){.otp-input{width:40px;height:48px;font-size:18px}}.otp-input:focus{border-color:#06b6d4;outline:none;box-shadow:0 0 0 4px #06b6d41a;transform:none!important}@media (max-width:640px){.otp-input:focus{scroll-margin-block:50vh}}@media (max-width:480px){.otp-input:focus{scroll-margin-block:50vh}}.otp-input:disabled{opacity:.5;cursor:not-allowed;background:#0f172a}.btn-primary{color:#f8fafc;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#06b6d4;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;padding:12px 18px;font-size:15px;font-weight:600;transition:all .2s;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.btn-primary{min-height:44px;padding:11px 16px;font-size:14px}}@media (max-width:640px){.btn-primary{border-radius:10px;min-height:48px;padding:12px 16px;font-size:14px}}@media (max-width:480px){.btn-primary{min-height:46px;padding:11px 14px;font-size:13px}}.btn-primary:hover:not(:disabled){background:#0891b2;transform:translateY(-2px);box-shadow:0 8px 25px -8px #06b6d44d}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{color:#6b7280;cursor:not-allowed;box-shadow:none;background:#374151;transform:none}.btn-navigation{gap:12px;margin-top:16px;display:flex}@media (max-width:768px){.btn-navigation{gap:10px;margin-top:14px}}@media (max-width:640px){.btn-navigation{flex-direction:column;gap:8px;margin-top:12px}.btn-navigation.flex.flex-col{flex-direction:column}}@media (max-width:480px){.btn-navigation{gap:8px;margin-top:10px}}.btn-back{color:#64748b;cursor:pointer;background:0 0;border:2px solid #334155;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:12px 18px;font-size:15px;font-weight:600;transition:all .2s;display:flex}@media (max-width:768px){.btn-back{min-height:44px;padding:11px 16px;font-size:14px}}@media (max-width:640px){.btn-back{border-radius:10px;flex:none;width:100%;min-height:48px;padding:12px 16px;font-size:14px}}@media (max-width:480px){.btn-back{min-height:46px;padding:11px 14px;font-size:13px}}.btn-back:hover:not(:disabled){color:#f8fafc;border-color:#64748b}.btn-next{flex:2}@media (max-width:640px){.btn-next{flex:none;width:100%}}.countdown-container{text-align:center;justify-content:center;align-items:center;min-height:60px;margin:20px 0;display:flex}@media (max-width:640px){.countdown-container{min-height:50px;margin:10px 0 8px}}@media (max-width:480px){.countdown-container{min-height:45px;margin:8px 0 6px}}.countdown-text{color:#64748b;width:100%;font-size:16px}.resend-options{background:#1e293b;border:2px solid #334155;border-radius:12px;margin-top:16px;padding:16px}@media (max-width:768px){.resend-options{margin-top:14px;padding:14px}}@media (max-width:640px){.resend-options{border-radius:10px;margin-top:12px;padding:12px}}@media (max-width:480px){.resend-options{border-radius:8px;margin-top:10px;padding:10px}}.resend-options-title{color:#94a3b8;text-align:center;margin:0 0 12px;font-size:13px;font-weight:600}@media (max-width:768px){.resend-options-title{margin-bottom:11px;font-size:12.5px}}@media (max-width:640px){.resend-options-title{margin-bottom:10px;font-size:12px}}@media (max-width:480px){.resend-options-title{margin-bottom:8px;font-size:11px}}.resend-options-buttons{flex-direction:column;gap:10px;display:flex}@media (max-width:768px){.resend-options-buttons{gap:9px}}@media (max-width:640px){.resend-options-buttons{gap:8px}}@media (max-width:480px){.resend-options-buttons{gap:6px}}.resend-option-button{color:#f8fafc;cursor:pointer;background:#0f172a;border:2px solid #334155;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}@media (max-width:768px){.resend-option-button{min-height:43px;padding:11px 15px;font-size:13.5px}}@media (max-width:640px){.resend-option-button{border-radius:8px;min-height:42px;padding:10px 14px;font-size:13px}}@media (max-width:480px){.resend-option-button{border-radius:6px;gap:6px;min-height:40px;padding:9px 12px;font-size:12px}}.resend-option-button:hover:not(:disabled){color:#06b6d4;background:#1e293b;border-color:#06b6d4;transform:translateY(-1px)}.resend-option-button:active:not(:disabled){transform:translateY(0)}.resend-option-button:disabled{color:#64748b;cursor:not-allowed;opacity:.6;background:#0f172a;border-color:#1e293b}.resend-option-button svg,.resend-option-button img{flex-shrink:0;width:16px;height:16px}.resend-option-button span{text-align:center;flex:1}@media (max-width:640px){.countdown-text{font-size:13px}}.countdown-timer{color:#06b6d4;font-variant-numeric:tabular-nums;font-size:24px;font-weight:600}@media (max-width:640px){.countdown-timer{font-size:20px}}.resend-link{color:#06b6d4;cursor:pointer;background:0 0;border:none;font-size:16px;font-weight:600;text-decoration:none;transition:color .2s}.resend-link:hover{color:#0891b2;text-decoration:underline}.required-mark{color:#ef4444;margin-left:4px}.loading-spinner{border:2px solid #374151;border-top-color:#06b6d4;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-screen{text-align:center;padding:40px 20px}.success-icon-large{background:linear-gradient(135deg,#10b981 0%,#06b6d4 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;animation:2s ease-in-out infinite alternate successPulse;display:flex}@keyframes successPulse{0%{transform:scale(1);box-shadow:0 0 #10b98166}to{transform:scale(1.05);box-shadow:0 0 0 20px #10b98100}}.success-title-large{color:#f8fafc;margin-bottom:16px;font-size:28px;font-weight:700}.success-description-large{color:#64748b;margin-bottom:32px;font-size:16px;line-height:1.6}.success-countdown-container{flex-direction:column;align-items:center;gap:24px;margin-top:32px;display:flex}.countdown-circle-wrapper{justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.countdown-circle{width:100%;height:100%;transform:rotate(-90deg)}.countdown-circle-bg{fill:none;stroke:#1e293b;stroke-width:8px}.countdown-circle-progress{fill:none;stroke:#10b981;stroke-width:8px;stroke-linecap:round;stroke-dasharray:339.3;stroke-dashoffset:0;filter:drop-shadow(0 0 8px #10b98180);transition:stroke-dashoffset 1s linear}.countdown-circle-wrapper:before{content:"";-webkit-mask-composite:xor;opacity:.3;background:linear-gradient(135deg,#10b981 0%,#06b6d4 50%,#22d3ee 100%);border-radius:50%;padding:4px;animation:2s ease-in-out infinite pulse-glow;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes pulse-glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.countdown-number{background:linear-gradient(135deg,#10b981 0%,#06b6d4 50%,#22d3ee 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,system-ui,sans-serif;font-size:48px;font-weight:700;animation:1s ease-in-out infinite countdown-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes countdown-pulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.1)}}.countdown-text{color:#cbd5e1;text-align:center;margin:0;font-size:16px}.countdown-highlight{background:linear-gradient(135deg,#10b981 0%,#06b6d4 50%,#22d3ee 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}@media (max-width:640px){.success-countdown-container{gap:20px;margin-top:24px}.countdown-circle-wrapper{width:100px;height:100px}.countdown-number{font-size:40px}.countdown-text{font-size:14px}}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.mx-auto{margin-left:auto;margin-right:auto}@media (max-width:480px){.login-stepper-label{font-size:11px}}@media (prefers-contrast:high){.login-modal-container,.form-input,.otp-input{border-color:#06b6d4}}@media (prefers-reduced-motion:reduce){*,.login-stepper-number,.success-icon-large,.loading-spinner,.countdown-circle-progress,.countdown-number,.countdown-circle-wrapper:before{transition:none!important;animation:none!important}}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #06b6d4}.user-not-found-banner{background:linear-gradient(135deg,#06b6d41a 0%,#3b82f61a 50%,#a855f71a 100%);border:2px solid;border-image:linear-gradient(135deg,#06b6d4 0%,#3b82f6 50%,#a855f7 100%) 1;border-radius:12px;margin-top:12px;padding:16px;animation:.3s ease-out slideInUp}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.banner-content{align-items:flex-start;gap:12px;display:flex}.banner-icon{color:#fff;background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 50%,#a855f7 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #06b6d44d}.banner-text{flex-direction:column;flex:1;gap:8px;display:flex}.banner-message{color:#f8fafc;margin:0;font-size:15px;font-weight:600;line-height:1.5}.banner-action{color:#cbd5e1;margin:0;font-size:14px;line-height:1.6}.signup-link{background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 50%,#a855f7 100%);-webkit-text-fill-color:transparent;cursor:pointer;-webkit-background-clip:text;background-clip:text;border:none;padding:0;font-weight:700;text-decoration:none;transition:all .2s;display:inline;position:relative}.signup-link:after{content:"";transform-origin:100%;background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 50%,#a855f7 100%);width:100%;height:2px;transition:transform .3s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.signup-link:hover:after{transform-origin:0;transform:scaleX(1)}.signup-link:hover{opacity:.8}.signup-link:active{transform:scale(.98)}@media (max-width:480px){.user-not-found-banner{padding:14px}.banner-content{gap:10px}.banner-icon{width:36px;height:36px}.banner-icon svg{width:18px;height:18px}.banner-message{font-size:14px}.banner-action{font-size:13px}}.force-login-notice{background:linear-gradient(135deg,#ffc1071f 0%,#ff98001f 50%,#ffb74d1f 100%);border:2px solid;border-image:linear-gradient(135deg,#ffc107 0%,#ff9800 50%,#ffb74d 100%) 1;border-radius:12px;align-items:center;gap:12px;margin:12px 0 16px;padding:12px 14px;display:flex;position:relative;overflow:hidden}@media (max-width:640px){.force-login-notice{border-radius:10px;gap:10px;margin:12px 0 16px;padding:10px 12px}}@media (max-width:480px){.force-login-notice{gap:8px;margin:10px 0 14px;padding:8px 10px}}.force-login-notice-icon{color:#fff;z-index:1;background:linear-gradient(135deg,#ffc107 0%,#ff9800 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;display:flex;position:relative;box-shadow:0 4px 12px #ffc10759}@media (max-width:640px){.force-login-notice-icon{border-radius:10px;width:38px;min-width:38px;height:38px}}@media (max-width:480px){.force-login-notice-icon{border-radius:8px;width:34px;min-width:34px;height:34px}}.force-login-notice-icon svg{width:20px;height:20px}@media (max-width:640px){.force-login-notice-icon svg{width:22px;height:22px}}@media (max-width:480px){.force-login-notice-icon svg{width:20px;height:20px}}.force-login-notice-content{z-index:1;flex:1;position:relative}.force-login-notice-text{color:#f8fafc;font-size:13px;font-weight:500;line-height:1.5}@media (max-width:640px){.force-login-notice-text{font-size:12px;line-height:1.4}}@media (max-width:480px){.force-login-notice-text{font-size:11px;line-height:1.4}}.force-login-notice-text .font-bold{color:#ffc107;font-weight:700}
@supports (-webkit-touch-callout:none){.signup-modal-overlay input,.signup-modal-overlay textarea{font-size:16px!important}}.signup-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;overscroll-behavior:contain;scroll-behavior:auto;background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}@media (max-width:640px){.signup-modal-overlay{padding:0;overflow:hidden}}.signup-modal-container{overscroll-behavior:contain;scroll-behavior:auto;-webkit-overflow-scrolling:touch;background:#0f172a;border:1px solid #1e293b;border-radius:24px;width:100%;max-width:600px;max-height:calc(100vh - 32px);margin:auto;position:relative;overflow:hidden auto;box-shadow:0 25px 50px -12px #000c}@media (max-width:640px){.signup-modal-container{border-radius:0;flex-direction:column;height:100%;max-height:100vh;display:flex}}@media (max-width:480px){.signup-modal-container{border-radius:0;height:100%;max-height:100vh}}.signup-modal-close{color:#64748b;cursor:pointer;z-index:10;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:8px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}@media (max-width:640px){.signup-modal-close{min-width:44px;min-height:44px;padding:10px;top:12px;right:12px}}@media (max-width:480px){.signup-modal-close{min-width:40px;min-height:40px;padding:8px;top:10px;right:10px}}.signup-modal-close:hover{color:#f8fafc;background:#1e293b}.signup-modal-close:active{transform:scale(.95)}.signup-header{text-align:center;border-bottom:1px solid #1e293b;padding:20px 24px 16px}@media (max-width:640px){.signup-header{padding:20px 20px 16px}}.signup-title-with-logo{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:10px;display:flex}.signup-title{color:#f8fafc;background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 50%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:24px;font-weight:700}.signup-logo{-o-object-fit:contain;object-fit:contain;width:auto;height:32px}@media (max-width:640px){.signup-title{font-size:20px}.signup-logo{height:28px}}.signup-subtitle{color:#64748b;max-width:480px;margin:0 auto 12px;font-size:13px;line-height:1.5}@media (max-width:640px){.signup-subtitle{margin-bottom:10px;font-size:12px;line-height:1.4}}.signup-disclaimer{color:#64748b;text-align:left;background:#1e293b;border:1px solid #334155;border-radius:10px;margin-top:12px;padding:12px;font-size:12px;line-height:1.4}@media (max-width:640px){.signup-disclaimer{margin-top:10px;padding:10px;font-size:11px}}.signup-progress-stepper{border-bottom:1px solid #1e293b;justify-content:space-between;align-items:flex-start;gap:0;max-width:600px;margin:0 auto;padding:18px 32px;display:flex;position:relative}@media (max-width:768px){.signup-progress-stepper{max-width:100%;margin:0;padding:16px 24px}}@media (max-width:640px){.signup-progress-stepper{margin:0;padding:14px 16px}}@media (max-width:480px){.signup-progress-stepper{margin:0;padding:12px}}.signup-progress-stepper:before{content:"";z-index:0;background:#334155;height:2px;position:absolute;top:34px;left:20%;right:20%}@media (max-width:640px){.signup-progress-stepper:before{top:30px}}@media (max-width:480px){.signup-progress-stepper:before{top:27px}}.signup-stepper-step{flex-direction:column;flex:1 1 0;align-items:center;min-width:0;max-width:33.333%;display:flex;position:relative}.signup-progress-stepper:after{content:"";z-index:0;height:2px;width:var(--progress-width,0%);background:#06b6d4;transition:width .3s;position:absolute;top:34px;left:25%}@media (max-width:640px){.signup-progress-stepper:after{top:32px}}@media (max-width:480px){.signup-progress-stepper:after{top:30px}}.signup-stepper-circle{z-index:1;flex-shrink:0;margin-bottom:6px;position:relative}@media (max-width:480px){.signup-stepper-circle{margin-bottom:5px}}.signup-stepper-number{color:#64748b;background:#1e293b;border:2px solid #334155;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:600;transition:all .3s;display:flex}@media (max-width:768px){.signup-stepper-number{width:34px;height:34px;font-size:14px}}@media (max-width:640px){.signup-stepper-number{width:32px;height:32px;font-size:14px}}@media (max-width:480px){.signup-stepper-number{border-width:2px;width:30px;height:30px;font-size:13px}}.signup-stepper-step.active .signup-stepper-number{color:#f8fafc;background:#06b6d4;border-color:#06b6d4;animation:2s infinite signupPulse}.signup-stepper-step.completed .signup-stepper-number{color:#f8fafc;background:#10b981;border-color:#10b981}@keyframes signupPulse{0%,to{box-shadow:0 0 #06b6d466}50%{box-shadow:0 0 0 8px #06b6d400}}.signup-stepper-label{color:#64748b;text-align:center;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;width:100%;font-size:12px;font-weight:500;line-height:1.2}@media (max-width:640px){.signup-stepper-label{font-size:11px;line-height:1.2}}@media (max-width:480px){.signup-stepper-label{font-size:10px;line-height:1.1}}.signup-stepper-step.active .signup-stepper-label{color:#06b6d4}.signup-stepper-step.completed .signup-stepper-label{color:#10b981}.signup-content{padding:24px 32px}@media (max-width:768px){.signup-content{padding:20px 24px}}@media (max-width:640px){.signup-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;padding:16px 20px;overflow:hidden auto}}@media (max-width:480px){.signup-content{padding:14px 16px}}.step-title{color:#f8fafc;margin-bottom:6px;font-size:20px;font-weight:600}@media (max-width:768px){.step-title{font-size:19px}}@media (max-width:640px){.step-title{margin-bottom:6px;font-size:18px}}@media (max-width:480px){.step-title{font-size:17px}}.step-description{color:#94a3b8;margin-bottom:18px;font-size:14px;line-height:1.5}@media (max-width:768px){.step-description{margin-bottom:16px;font-size:13.5px}}@media (max-width:640px){.step-description{margin-bottom:12px;font-size:13px;line-height:1.4}}@media (max-width:480px){.step-description{margin-bottom:10px;font-size:12px}}.zalo-notice{background:linear-gradient(135deg,#0068ff1f 0%,#3b82f61f 50%,#93c5fd1f 100%);border:2px solid;border-image:linear-gradient(135deg,#0068ff 0%,#3b82f6 50%,#60a5fa 100%) 1;border-radius:12px;align-items:center;gap:12px;margin:12px 0 16px;padding:12px 14px;animation:3s ease-in-out infinite zalo-glow;display:flex;position:relative;overflow:hidden}@keyframes zalo-glow{0%,to{box-shadow:0 0 #0068ff66}50%{box-shadow:0 0 20px 2px #0068ff4d}}@media (max-width:640px){.zalo-notice{border-radius:10px;gap:10px;margin:12px 0 16px;padding:10px 12px}}@media (max-width:480px){.zalo-notice{gap:8px;margin:10px 0 14px;padding:8px 10px}}.zalo-notice:before{content:"";background:linear-gradient(90deg,#0000 0%,#0068ff1a 50%,#0000 100%);width:100%;height:100%;animation:3s ease-in-out infinite zalo-shine;position:absolute;top:0;left:-100%}@keyframes zalo-shine{0%{left:-100%}50%,to{left:100%}}.zalo-notice-icon{color:#fff;z-index:1;background:linear-gradient(135deg,#0068ff 0%,#3b82f6 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;animation:2s ease-in-out infinite zalo-icon-pulse;display:flex;position:relative;box-shadow:0 4px 12px #0068ff59}@keyframes zalo-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (max-width:640px){.zalo-notice-icon{border-radius:10px;width:38px;min-width:38px;height:38px}}@media (max-width:480px){.zalo-notice-icon{border-radius:8px;width:34px;min-width:34px;height:34px}}.zalo-notice-icon svg,.zalo-notice-icon-img{-o-object-fit:contain;object-fit:contain;width:20px;height:20px}@media (max-width:640px){.zalo-notice-icon svg,.zalo-notice-icon-img{width:22px;height:22px}}@media (max-width:480px){.zalo-notice-icon svg,.zalo-notice-icon-img{width:20px;height:20px}}.zalo-notice-content{z-index:1;flex:1;position:relative}.zalo-notice-title{color:#0068ff;margin-bottom:2px;font-size:13px;font-weight:700;line-height:1.3}@media (max-width:640px){.zalo-notice-title{margin-bottom:2px;font-size:13px}}@media (max-width:480px){.zalo-notice-title{font-size:12px}}.zalo-notice-text{color:#64748b;font-size:12px;font-weight:500;line-height:1.3}@media (max-width:640px){.zalo-notice-text{font-size:11px;line-height:1.3}}@media (max-width:480px){.zalo-notice-text{font-size:10px}}.zalo-notice-text strong{color:#0068ff;font-weight:700}.zalo-notice-otp{margin:12px 0 16px}@media (max-width:640px){.zalo-notice-otp{margin:10px 0 12px}}@media (max-width:480px){.zalo-notice-otp{margin:8px 0 10px}}.form-group{min-height:60px;margin-bottom:16px;position:relative}@media (max-width:768px){.form-group{min-height:58px;margin-bottom:15px}}@media (max-width:640px){.form-group{min-height:56px;margin-bottom:14px}}@media (max-width:480px){.form-group{min-height:54px;margin-bottom:12px}}.form-label{color:#f8fafc;margin-bottom:6px;font-size:13px;font-weight:600;display:block}@media (max-width:640px){.form-label{margin-bottom:5px;font-size:12.5px}}@media (max-width:480px){.form-label{margin-bottom:4px;font-size:12px}}.form-input{color:#f8fafc;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#1e293b;border:2px solid #334155;border-radius:12px;width:100%;min-height:52px;padding:14px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}@media (max-width:768px){.form-input{min-height:50px;padding:13px 15px}}@media (max-width:640px){.form-input{border-radius:10px;min-height:48px;padding:12px 14px}}@media (max-width:480px){.form-input{border-radius:8px;min-height:46px;padding:11px 13px}}.form-input::placeholder{color:#64748b}.form-input:focus{border-color:#06b6d4;outline:none;transform:none;box-shadow:0 0 0 4px #06b6d41a}.phone-input-group{gap:12px;display:flex}@media (max-width:640px){.phone-input-group{gap:10px}}@media (max-width:480px){.phone-input-group{gap:8px}}.input-loading-indicator{pointer-events:none;z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}@media (max-width:640px){.input-loading-indicator{right:10px}}@media (max-width:480px){.input-loading-indicator{right:8px}}.input-loading-indicator .loader-icon{color:#06b6d4;filter:drop-shadow(0 0 4px #06b6d466);animation:1s linear infinite spin}@keyframes spin-loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.country-selector{color:#f8fafc;cursor:pointer;background:#1e293b;border:2px solid #334155;border-radius:12px;align-items:center;gap:8px;min-width:100px;padding:16px 18px;font-weight:600;transition:all .2s;display:flex}@media (max-width:768px){.country-selector{border-radius:10px;min-width:90px;padding:13px 15px}}@media (max-width:640px){.country-selector{border-radius:10px;min-width:85px;padding:12px 14px;font-size:14px}}@media (max-width:480px){.country-selector{border-radius:8px;gap:6px;min-width:80px;padding:11px 12px;font-size:13px}}.country-selector:hover{border-color:#06b6d4}.country-flag{font-size:20px}@media (max-width:640px){.country-flag{font-size:18px}}@media (max-width:480px){.country-flag{font-size:16px}}.form-input.phone{flex:1}.form-input.has-loader{padding-right:44px}@media (max-width:640px){.form-input.has-loader{padding-right:42px}}@media (max-width:480px){.form-input.has-loader{padding-right:40px}}.form-microcopy{color:#64748b;align-items:flex-start;gap:8px;margin-top:8px;font-size:14px;line-height:1.5;display:flex}.form-microcopy svg{color:#06b6d4;flex-shrink:0;width:16px;height:16px;margin-top:2px}.form-error{color:#ef4444;will-change:opacity,max-height,margin-top;background:#2a0e0e;border:1px solid #7f1d1d;border-radius:12px;align-items:flex-start;gap:12px;margin-top:8px;padding:12px 16px;font-size:14px;line-height:1.4;display:flex;overflow:hidden;transform:translateZ(0)}@media (max-width:640px){.form-error{border-radius:10px;gap:10px;margin-top:6px;padding:10px 14px;font-size:13px}}@media (max-width:480px){.form-error{border-radius:8px;gap:8px;margin-top:6px;padding:8px 12px;font-size:12px}}.form-error svg{flex-shrink:0;width:20px;height:20px;margin-top:1px}@media (max-width:640px){.form-error svg{width:18px;height:18px}}@media (max-width:480px){.form-error svg{width:16px;height:16px}}.otp-wrapper{flex-direction:column;display:flex}.otp-container{justify-content:center;align-items:center;gap:10px;max-width:100%;min-height:64px;margin:24px auto 0;padding:0 4px;display:flex}@media (max-width:640px){.otp-container{gap:6px;min-height:50px;margin:12px auto 0}}@media (max-width:480px){.otp-container{gap:5px;min-height:48px;margin:10px auto 0;padding:0 2px}}.otp-error-container{align-items:flex-start;min-height:80px;margin-top:16px;display:flex}@media (max-width:640px){.otp-error-container{min-height:50px;margin-top:8px}}@media (max-width:480px){.otp-error-container{min-height:45px;margin-top:6px}}.otp-input{text-align:center;color:#f8fafc;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#1e293b;border:2px solid #334155;border-radius:12px;flex-shrink:0;width:52px;min-width:52px;max-width:52px;height:64px;min-height:64px;max-height:64px;margin:0;padding:0;scroll-margin:0;scroll-padding:0;font-size:24px;font-weight:700;transition:border-color .2s,box-shadow .2s}@media (max-width:640px){.otp-input{border-radius:8px;width:42px;min-width:42px;max-width:42px;height:50px;min-height:50px;max-height:50px;font-size:20px}}@media (max-width:480px){.otp-input{border-radius:8px;width:40px;min-width:40px;max-width:40px;height:48px;min-height:48px;max-height:48px;font-size:18px}}.otp-input:focus{border-color:#06b6d4;outline:none;width:52px;height:64px;box-shadow:0 0 0 4px #06b6d41a;transform:none!important}@media (max-width:640px){.otp-input:focus{width:42px;height:50px;scroll-margin-block:50vh}}@media (max-width:480px){.otp-input:focus{width:40px;height:48px;scroll-margin-block:50vh}}.otp-input:disabled{opacity:.5;cursor:not-allowed;background:#0f172a}.btn-primary{color:#f8fafc;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#06b6d4;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;padding:12px 18px;font-size:15px;font-weight:600;transition:opacity .2s,transform .2s;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.btn-primary{min-height:44px;padding:11px 16px;font-size:14px}}@media (max-width:640px){.btn-primary{border-radius:10px;min-height:48px;padding:12px 16px;font-size:14px}}@media (max-width:480px){.btn-primary{min-height:46px;padding:11px 14px;font-size:13px}}.btn-primary:hover:not(:disabled){background:#0891b2;transform:translateY(-2px);box-shadow:0 8px 25px -8px #06b6d44d}@media (hover:none){.btn-primary:hover:not(:disabled){transform:none}}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{color:#6b7280;cursor:not-allowed;box-shadow:none;background:#374151;transform:none}.btn-navigation{gap:12px;margin-top:16px;display:flex}@media (max-width:768px){.btn-navigation{gap:10px;margin-top:14px}}@media (max-width:640px){.btn-navigation{flex-direction:column;gap:8px;margin-top:12px}}@media (max-width:480px){.btn-navigation{gap:8px;margin-top:10px}}.btn-back{color:#64748b;cursor:pointer;background:0 0;border:2px solid #334155;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:12px 18px;font-size:15px;font-weight:600;transition:all .2s;display:flex}@media (max-width:768px){.btn-back{min-height:44px;padding:11px 16px;font-size:14px}}@media (max-width:640px){.btn-back{border-radius:10px;flex:none;width:100%;min-height:48px;padding:12px 16px;font-size:14px}}@media (max-width:480px){.btn-back{min-height:46px;padding:11px 14px;font-size:13px}}.btn-back:hover:not(:disabled){color:#f8fafc;border-color:#64748b}.btn-next{flex:2}@media (max-width:640px){.btn-next{flex:none;width:100%}}.countdown-container{text-align:center;justify-content:center;align-items:center;min-height:60px;margin:20px 0;display:flex}@media (max-width:640px){.countdown-container{min-height:50px;margin:10px 0 8px}}@media (max-width:480px){.countdown-container{min-height:45px;margin:8px 0 6px}}.countdown-text{color:#64748b;width:100%;font-size:16px}.resend-options{background:#1e293b;border:2px solid #334155;border-radius:12px;margin-top:16px;padding:16px}@media (max-width:640px){.resend-options{border-radius:10px;margin-top:12px;padding:12px}}.resend-options-title{color:#94a3b8;text-align:center;margin:0 0 12px;font-size:13px;font-weight:600}@media (max-width:640px){.resend-options-title{margin-bottom:10px;font-size:12px}}.resend-options-buttons{flex-direction:column;gap:10px;display:flex}@media (max-width:640px){.resend-options-buttons{gap:8px}}.resend-option-button{color:#f8fafc;cursor:pointer;background:#0f172a;border:2px solid #334155;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}@media (max-width:640px){.resend-option-button{border-radius:8px;min-height:42px;padding:10px 14px;font-size:13px}}.resend-option-button:hover:not(:disabled){color:#06b6d4;background:#1e293b;border-color:#06b6d4;transform:translateY(-1px)}.resend-option-button:active:not(:disabled){transform:translateY(0)}.resend-option-button:disabled{color:#64748b;cursor:not-allowed;opacity:.6;background:#0f172a;border-color:#1e293b}.resend-option-button svg,.resend-option-button img{flex-shrink:0;width:16px;height:16px}.resend-option-button span{text-align:center;flex:1}@media (max-width:640px){.countdown-text{font-size:13px}}.countdown-timer{color:#06b6d4;font-variant-numeric:tabular-nums;font-size:24px;font-weight:600}@media (max-width:640px){.countdown-timer{font-size:20px}}.resend-link{color:#06b6d4;cursor:pointer;background:0 0;border:none;font-size:16px;font-weight:600;text-decoration:none;transition:color .2s}.resend-link:hover{color:#0891b2;text-decoration:underline}.checkbox-group{border-radius:10px;align-items:flex-start;gap:10px;margin:8px 0;padding:12px;transition:background-color .2s;display:flex}@media (max-width:640px){.checkbox-group{border-radius:8px;gap:10px;margin:6px 0;padding:10px}}@media (max-width:480px){.checkbox-group{gap:8px;margin:5px 0;padding:8px}}.checkbox-group:hover{background:#06b6d405}.checkbox-input{accent-color:#06b6d4;cursor:pointer;width:20px;height:20px;margin:2px 0 0}.checkbox-label{color:#f8fafc;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;line-height:1.5}@media (max-width:640px){.checkbox-label{font-size:13px;line-height:1.4}}@media (max-width:480px){.checkbox-label{font-size:12px;line-height:1.3}}.checkbox-label a{color:#06b6d4;font-weight:500;text-decoration:none}.checkbox-label a:hover{color:#0891b2;text-decoration:underline}.required-mark{color:#ef4444;margin-left:4px}.password-optional{margin-bottom:24px}.password-optional summary{cursor:pointer;color:#06b6d4;margin-bottom:12px;font-size:14px;font-weight:600}.password-optional summary:hover{color:#0891b2}.password-toggle-group{margin-top:12px;position:relative}.password-toggle{color:#64748b;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:8px;transition:all .2s;display:flex;position:absolute;top:50%;right:18px;transform:translateY(-50%)}@media (max-width:640px){.password-toggle{min-width:44px;min-height:44px;padding:10px;right:14px}}@media (max-width:480px){.password-toggle{min-width:40px;min-height:40px;padding:8px;right:12px}}.password-toggle:hover{color:#06b6d4;background:#06b6d41a}.password-toggle:active{transform:translateY(-50%)scale(.95)}.loading-spinner{border:2px solid #374151;border-top-color:#06b6d4;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-screen{text-align:center;padding:40px 20px}@media (max-width:640px){.success-screen{padding:32px 16px}}@media (max-width:480px){.success-screen{padding:24px 12px}}.success-icon-large{background:linear-gradient(135deg,#10b981 0%,#06b6d4 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;animation:2s ease-in-out infinite alternate successPulse;display:flex}@media (max-width:640px){.success-icon-large{width:72px;height:72px;margin-bottom:20px}}@media (max-width:480px){.success-icon-large{width:64px;height:64px;margin-bottom:16px}}@keyframes successPulse{0%{transform:scale(1);box-shadow:0 0 #10b98166}to{transform:scale(1.05);box-shadow:0 0 0 20px #10b98100}}.success-title-large{color:#f8fafc;margin-bottom:16px;font-size:28px;font-weight:700}@media (max-width:640px){.success-title-large{margin-bottom:14px;font-size:24px}}@media (max-width:480px){.success-title-large{margin-bottom:12px;font-size:20px}}.success-description-large{color:#64748b;margin-bottom:32px;font-size:16px;line-height:1.6}@media (max-width:640px){.success-description-large{margin-bottom:28px;font-size:14px;line-height:1.5}}@media (max-width:480px){.success-description-large{margin-bottom:24px;font-size:13px;line-height:1.4}}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.mx-auto{margin-left:auto;margin-right:auto}@media (prefers-contrast:high){.signup-modal-container,.form-input,.otp-input{border-color:#06b6d4}}@media (prefers-reduced-motion:reduce){*,.stepper-number,.success-icon-large,.loading-spinner{transition:none!important;animation:none!important}}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #06b6d4}.user-exists-banner{background:linear-gradient(135deg,#10b9811a 0%,#06b6d41a 50%,#22d3ee1a 100%);border:2px solid;border-image:linear-gradient(135deg,#10b981 0%,#06b6d4 50%,#22d3ee 100%) 1;border-radius:12px;margin-top:12px;padding:16px;animation:.3s ease-out slideInUp}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-exists-banner .banner-content{align-items:flex-start;gap:12px;display:flex}.user-exists-banner .banner-icon{color:#fff;background:linear-gradient(135deg,#10b981 0%,#06b6d4 50%,#22d3ee 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #10b9814d}.user-exists-banner .banner-text{flex-direction:column;flex:1;gap:8px;display:flex}.user-exists-banner .banner-message{color:#f8fafc;margin:0;font-size:15px;font-weight:600;line-height:1.5}.user-exists-banner .banner-action{color:#cbd5e1;margin:0;font-size:14px;line-height:1.6}.login-link{background:linear-gradient(135deg,#10b981 0%,#06b6d4 50%,#22d3ee 100%);-webkit-text-fill-color:transparent;cursor:pointer;-webkit-background-clip:text;background-clip:text;border:none;padding:0;font-weight:700;text-decoration:none;transition:all .2s;display:inline;position:relative}.login-link:after{content:"";transform-origin:100%;background:linear-gradient(135deg,#10b981 0%,#06b6d4 50%,#22d3ee 100%);width:100%;height:2px;transition:transform .3s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.login-link:hover:after{transform-origin:0;transform:scaleX(1)}.login-link:hover{opacity:.8}.login-link:active{transform:scale(.98)}@media (max-width:640px){.user-exists-banner{padding:14px}.user-exists-banner .banner-content{gap:10px}.user-exists-banner .banner-icon{width:36px;height:36px}.user-exists-banner .banner-icon svg{width:18px;height:18px}.user-exists-banner .banner-message{font-size:14px}.user-exists-banner .banner-action{font-size:13px}}.success-countdown-container{flex-direction:column;align-items:center;gap:24px;margin-top:32px;display:flex}.countdown-circle-wrapper{justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.countdown-circle{width:100%;height:100%;transform:rotate(-90deg)}.countdown-circle-bg{fill:none;stroke:#1e293b;stroke-width:8px}.countdown-circle-progress{fill:none;stroke:#10b981;stroke-width:8px;stroke-linecap:round;stroke-dasharray:339.3;stroke-dashoffset:0;filter:drop-shadow(0 0 8px #10b98180);transition:stroke-dashoffset 1s linear}.countdown-circle-wrapper:before{content:"";-webkit-mask-composite:xor;opacity:.3;background:linear-gradient(135deg,#10b981 0%,#06b6d4 50%,#22d3ee 100%);border-radius:50%;padding:4px;animation:2s ease-in-out infinite pulse-glow;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes pulse-glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.countdown-number{background:linear-gradient(135deg,#10b981 0%,#06b6d4 50%,#22d3ee 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,system-ui,sans-serif;font-size:48px;font-weight:700;animation:1s ease-in-out infinite countdown-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes countdown-pulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.1)}}.countdown-text{color:#cbd5e1;text-align:center;margin:0;font-size:16px}.countdown-highlight{background:linear-gradient(135deg,#10b981 0%,#06b6d4 50%,#22d3ee 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}@media (max-width:640px){.success-countdown-container{gap:20px;margin-top:24px}.countdown-circle-wrapper{width:100px;height:100px}.countdown-number{font-size:40px}.countdown-text{font-size:14px}}
@supports (-webkit-touch-callout:none){.forgot-password-modal-overlay input,.forgot-password-modal-overlay textarea{font-size:16px!important}}.forgot-password-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;overscroll-behavior:contain;scroll-behavior:auto;background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}@media (max-width:640px){.forgot-password-modal-overlay{padding:0;overflow:hidden}}.forgot-password-modal-container{overscroll-behavior:contain;scroll-behavior:auto;-webkit-overflow-scrolling:touch;background:#0f172a;border:1px solid #1e293b;border-radius:24px;width:100%;max-width:480px;max-height:calc(100vh - 32px);margin:auto;position:relative;overflow:hidden auto;box-shadow:0 25px 50px -12px #000c}@media (max-width:640px){.forgot-password-modal-container{border-radius:0;flex-direction:column;height:100%;max-height:100vh;display:flex}}@media (max-width:480px){.forgot-password-modal-container{border-radius:0;height:100%;max-height:100vh}}.forgot-password-modal-close{color:#64748b;cursor:pointer;z-index:10;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s;position:absolute;top:16px;right:16px}.forgot-password-modal-close:hover{color:#f8fafc;background:#1e293b}.forgot-password-header{text-align:center;border-bottom:1px solid #1e293b;padding:20px 24px 16px}@media (max-width:640px){.forgot-password-header{padding:20px 20px 16px}}.forgot-password-title-with-logo{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:10px;display:flex}.forgot-password-title{color:#f8fafc;background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 50%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:24px;font-weight:700}.forgot-password-logo{-o-object-fit:contain;object-fit:contain;width:auto;height:32px}@media (max-width:640px){.forgot-password-title{font-size:20px}.forgot-password-logo{height:28px}}.forgot-password-subtitle{color:#64748b;max-width:400px;margin:0 auto;font-size:13px;line-height:1.5}@media (max-width:640px){.forgot-password-subtitle{font-size:12px;line-height:1.4}}.forgot-password-progress-stepper{border-bottom:1px solid #1e293b;justify-content:space-between;align-items:flex-start;gap:0;margin:0 auto;padding:18px 32px;display:flex;position:relative}@media (max-width:768px){.forgot-password-progress-stepper{max-width:100%;margin:0;padding:16px 24px}}@media (max-width:640px){.forgot-password-progress-stepper{margin:0;padding:14px 16px}}@media (max-width:480px){.forgot-password-progress-stepper{margin:0;padding:12px}}.forgot-password-progress-stepper:before{content:"";z-index:0;background:#334155;height:2px;position:absolute;top:34px;left:25%;right:25%}@media (max-width:640px){.forgot-password-progress-stepper:before{top:27px}}.forgot-password-stepper-step{flex-direction:column;flex:1 1 0;align-items:center;min-width:0;display:flex;position:relative}.forgot-password-progress-stepper:after{content:"";z-index:0;height:2px;width:var(--progress-width,0%);background:#06b6d4;transition:width .3s;position:absolute;top:34px;left:25%}@media (max-width:640px){.forgot-password-progress-stepper:after{top:32px}}.forgot-password-stepper-circle{z-index:1;flex-shrink:0;margin-bottom:6px;position:relative}.forgot-password-stepper-number{color:#64748b;background:#1e293b;border:2px solid #334155;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:600;transition:all .3s;display:flex}@media (max-width:768px){.forgot-password-stepper-number{width:34px;height:34px;font-size:14px}}@media (max-width:640px){.forgot-password-stepper-number{width:32px;height:32px;font-size:14px}}@media (max-width:480px){.forgot-password-stepper-number{width:30px;height:30px;font-size:13px}}.forgot-password-stepper-step.active .forgot-password-stepper-number{color:#f8fafc;background:#06b6d4;border-color:#06b6d4;animation:2s infinite forgotPasswordPulse}.forgot-password-stepper-step.completed .forgot-password-stepper-number{color:#f8fafc;background:#10b981;border-color:#10b981}@keyframes forgotPasswordPulse{0%,to{box-shadow:0 0 #06b6d466}50%{box-shadow:0 0 0 8px #06b6d400}}.forgot-password-stepper-label{color:#64748b;text-align:center;word-wrap:break-word;overflow-wrap:break-word;width:100%;font-size:12px;font-weight:500;line-height:1.2}@media (max-width:640px){.forgot-password-stepper-label{font-size:11px}}@media (max-width:480px){.forgot-password-stepper-label{font-size:10px;line-height:1.1}}.forgot-password-stepper-step.active .forgot-password-stepper-label{color:#06b6d4}.forgot-password-stepper-step.completed .forgot-password-stepper-label{color:#10b981}.forgot-password-content{padding:24px 32px}@media (max-width:768px){.forgot-password-content{padding:20px 24px}}@media (max-width:640px){.forgot-password-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;padding:16px 20px;overflow:hidden auto}}@media (max-width:480px){.forgot-password-content{padding:14px 16px}}.step-title{color:#f8fafc;margin-bottom:6px;font-size:20px;font-weight:600}@media (max-width:768px){.step-title{font-size:19px}}@media (max-width:640px){.step-title{margin-bottom:6px;font-size:18px}}@media (max-width:480px){.step-title{font-size:17px}}.step-description{color:#94a3b8;margin-bottom:18px;font-size:14px;line-height:1.5}@media (max-width:768px){.step-description{margin-bottom:16px;font-size:13.5px}}@media (max-width:640px){.step-description{margin-bottom:12px;font-size:13px;line-height:1.4}}@media (max-width:480px){.step-description{margin-bottom:10px;font-size:12px}}.option-selection{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.option-button{color:#f8fafc;cursor:pointer;text-align:left;background:#1e293b;border:2px solid #334155;border-radius:12px;align-items:center;gap:12px;width:100%;padding:16px 20px;font-size:15px;font-weight:600;transition:all .2s;display:flex}@media (max-width:640px){.option-button{border-radius:10px;padding:14px 18px;font-size:14px}}.option-button:hover{background:#1e293b;border-color:#06b6d4;transform:translateY(-2px);box-shadow:0 4px 12px #06b6d433}.option-button.active{background:linear-gradient(135deg,#06b6d41a 0%,#3b82f61a 100%);border-color:#06b6d4}.option-icon{color:#fff;background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 100%);border-radius:10px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;display:flex}@media (max-width:640px){.option-icon{width:36px;min-width:36px;height:36px}}.option-content{flex:1}.option-title{color:#f8fafc;margin-bottom:4px;font-size:15px;font-weight:600}.option-description{color:#64748b;font-size:13px;line-height:1.4}.zalo-notice{background:linear-gradient(135deg,#0068ff1f 0%,#3b82f61f 50%,#93c5fd1f 100%);border:2px solid;border-image:linear-gradient(135deg,#0068ff 0%,#3b82f6 50%,#60a5fa 100%) 1;border-radius:12px;align-items:center;gap:12px;margin:12px 0 16px;padding:12px 14px;animation:3s ease-in-out infinite zalo-glow;display:flex;position:relative;overflow:hidden}@keyframes zalo-glow{0%,to{box-shadow:0 0 #0068ff66}50%{box-shadow:0 0 20px 2px #0068ff4d}}@media (max-width:640px){.zalo-notice{border-radius:10px;gap:10px;margin:12px 0 16px;padding:10px 12px}}@media (max-width:480px){.zalo-notice{gap:8px;margin:10px 0 14px;padding:8px 10px}}.zalo-notice-icon{color:#fff;z-index:1;background:linear-gradient(135deg,#0068ff 0%,#3b82f6 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;animation:2s ease-in-out infinite zalo-icon-pulse;display:flex;position:relative;box-shadow:0 4px 12px #0068ff59}@keyframes zalo-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (max-width:640px){.zalo-notice-icon{border-radius:10px;width:38px;min-width:38px;height:38px}}@media (max-width:480px){.zalo-notice-icon{border-radius:8px;width:34px;min-width:34px;height:34px}}.zalo-notice-icon-img{-o-object-fit:contain;object-fit:contain;width:20px;height:20px}@media (max-width:640px){.zalo-notice-icon-img{width:22px;height:22px}}@media (max-width:480px){.zalo-notice-icon-img{width:20px;height:20px}}.zalo-notice-content{z-index:1;flex:1;position:relative}.zalo-notice-title{color:#0068ff;margin-bottom:2px;font-size:13px;font-weight:700;line-height:1.3}@media (max-width:640px){.zalo-notice-title{margin-bottom:2px;font-size:13px}}@media (max-width:480px){.zalo-notice-title{font-size:12px}}.zalo-notice-text{color:#64748b;font-size:12px;font-weight:500;line-height:1.3}@media (max-width:640px){.zalo-notice-text{font-size:11px;line-height:1.3}}@media (max-width:480px){.zalo-notice-text{font-size:10px}}.zalo-notice-text strong{color:#0068ff;font-weight:700}.zalo-notice-otp{margin:12px 0 16px}@media (max-width:640px){.zalo-notice-otp{margin:10px 0 12px}}@media (max-width:480px){.zalo-notice-otp{margin:8px 0 10px}}.form-group{min-height:60px;margin-bottom:16px;position:relative}@media (max-width:640px){.form-group{min-height:56px;margin-bottom:14px}}.form-label{color:#f8fafc;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-input{color:#f8fafc;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#1e293b;border:2px solid #334155;border-radius:12px;width:100%;min-height:52px;padding:14px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}@media (max-width:640px){.form-input{border-radius:10px;min-height:48px;padding:12px 14px}}.form-input::placeholder{color:#64748b}.form-input:focus{border-color:#06b6d4;outline:none;transform:none;box-shadow:0 0 0 4px #06b6d41a}.phone-input-group{gap:12px;display:flex}.country-selector{color:#f8fafc;cursor:pointer;background:#1e293b;border:2px solid #334155;border-radius:12px;align-items:center;gap:8px;min-width:100px;padding:16px 18px;font-weight:600;transition:all .2s;display:flex}.country-selector:hover{border-color:#06b6d4}.country-flag{font-size:20px}.form-input.phone{flex:1}.form-microcopy{color:#64748b;align-items:flex-start;gap:8px;margin-top:8px;font-size:14px;line-height:1.5;display:flex}.form-microcopy svg{color:#06b6d4;flex-shrink:0;width:16px;height:16px;margin-top:2px}.form-error{color:#ef4444;will-change:opacity,max-height,margin-top;background:#2a0e0e;border:1px solid #7f1d1d;border-radius:12px;align-items:flex-start;gap:12px;margin-top:8px;padding:12px 16px;font-size:14px;display:flex;overflow:hidden;transform:translateZ(0)}@media (max-width:640px){.form-error{margin-top:6px;padding:10px 14px;font-size:13px}}.form-error svg{flex-shrink:0;width:20px;height:20px;margin-top:1px}@media (max-width:640px){.form-error svg{width:18px;height:18px}}.password-toggle-group{position:relative}.password-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:color .2s;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.password-toggle:hover{color:#06b6d4}.otp-container{justify-content:center;gap:10px;margin:24px 0 20px;display:flex}@media (max-width:640px){.otp-container{gap:6px;margin:12px 0 8px}}@media (max-width:480px){.otp-container{gap:5px;margin:10px 0 6px}}.otp-input{text-align:center;color:#f8fafc;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#1e293b;border:2px solid #334155;border-radius:12px;width:52px;height:64px;scroll-margin:0;scroll-padding:0;font-size:24px;font-weight:700;transition:border-color .2s,box-shadow .2s}@media (max-width:640px){.otp-input{border-radius:8px;width:42px;height:50px;font-size:20px}}@media (max-width:480px){.otp-input{width:40px;height:48px;font-size:18px}}.otp-input:focus{border-color:#06b6d4;outline:none;box-shadow:0 0 0 4px #06b6d41a;transform:none!important}@media (max-width:640px){.otp-input:focus{scroll-margin-block:50vh}}@media (max-width:480px){.otp-input:focus{scroll-margin-block:50vh}}.otp-input:disabled{opacity:.5;cursor:not-allowed;background:#0f172a}.btn-primary{color:#f8fafc;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#06b6d4;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;padding:12px 18px;font-size:15px;font-weight:600;transition:all .2s;display:flex;position:relative;overflow:hidden}@media (max-width:640px){.btn-primary{border-radius:10px;min-height:42px;padding:10px 16px;font-size:14px}}@media (max-width:480px){.btn-primary{min-height:40px;padding:9px 12px;font-size:13px}}.btn-primary:hover:not(:disabled){background:#0891b2;transform:translateY(-2px);box-shadow:0 8px 25px -8px #06b6d44d}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{color:#6b7280;cursor:not-allowed;box-shadow:none;background:#374151;transform:none}.btn-navigation{gap:12px;margin-top:16px;display:flex}@media (max-width:768px){.btn-navigation{gap:10px;margin-top:14px}}@media (max-width:640px){.btn-navigation{flex-direction:column;gap:8px;margin-top:12px}}@media (max-width:480px){.btn-navigation{gap:8px;margin-top:10px}}.btn-back{color:#64748b;cursor:pointer;background:0 0;border:2px solid #334155;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:12px 18px;font-size:15px;font-weight:600;transition:all .2s;display:flex}@media (max-width:768px){.btn-back{min-height:44px;padding:11px 16px;font-size:14px}}@media (max-width:640px){.btn-back{border-radius:10px;flex:none;width:100%;min-height:48px;padding:12px 16px;font-size:14px}}@media (max-width:480px){.btn-back{min-height:46px;padding:11px 14px;font-size:13px}}.btn-back:hover:not(:disabled){color:#f8fafc;border-color:#64748b}.btn-next{flex:2}@media (max-width:640px){.btn-next{flex:none;width:100%}}.countdown-container{text-align:center;justify-content:center;align-items:center;min-height:60px;margin:20px 0;display:flex}@media (max-width:640px){.countdown-container{min-height:50px;margin:10px 0 8px}}@media (max-width:480px){.countdown-container{min-height:45px;margin:8px 0 6px}}.countdown-text{color:#64748b;width:100%;font-size:16px}@media (max-width:640px){.countdown-text{font-size:13px}}.countdown-timer{color:#06b6d4;font-variant-numeric:tabular-nums;font-size:24px;font-weight:600}@media (max-width:640px){.countdown-timer{font-size:20px}}.resend-link{color:#06b6d4;cursor:pointer;background:0 0;border:none;font-size:16px;font-weight:600;text-decoration:none;transition:color .2s}.resend-link:hover{color:#0891b2;text-decoration:underline}.resend-options{background:#1e293b;border:2px solid #334155;border-radius:12px;margin-top:16px;padding:16px}@media (max-width:640px){.resend-options{border-radius:10px;margin-top:12px;padding:12px}}.resend-options-title{color:#94a3b8;text-align:center;margin:0 0 12px;font-size:13px;font-weight:600}@media (max-width:640px){.resend-options-title{margin-bottom:10px;font-size:12px}}.resend-options-buttons{flex-direction:column;gap:10px;display:flex}@media (max-width:640px){.resend-options-buttons{gap:8px}}.resend-option-button{color:#f8fafc;cursor:pointer;background:#0f172a;border:2px solid #334155;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;padding:14px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}@media (max-width:640px){.resend-option-button{border-radius:10px;gap:8px;min-height:48px;padding:12px 16px;font-size:13px}}.resend-option-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.resend-option-button:hover:not(:disabled):before{left:100%}.resend-option-email:hover:not(:disabled){color:#06b6d4;background:linear-gradient(135deg,#06b6d426 0%,#3b82f626 100%);border-color:#06b6d4;transform:translateY(-2px);box-shadow:0 4px 12px #06b6d433}.resend-option-zalo:hover:not(:disabled){color:#60a5fa;background:linear-gradient(135deg,#0068ff26 0%,#3b82f626 100%);border-color:#0068ff;transform:translateY(-2px);box-shadow:0 4px 12px #0068ff33}.resend-option-button:active:not(:disabled){transform:translateY(0)}.resend-option-button:disabled{color:#64748b;cursor:not-allowed;opacity:.5;background:#0f172a;border-color:#1e293b}.resend-option-button svg{flex-shrink:0;width:20px;height:20px;transition:transform .2s}.resend-option-button:hover:not(:disabled) svg{transform:scale(1.1)}.resend-option-button img{flex-shrink:0;width:20px;height:20px;transition:transform .2s}.resend-option-button:hover:not(:disabled) img{transform:scale(1.1)}.resend-option-button span{text-align:center;letter-spacing:.3px;flex:1;font-weight:600}.required-mark{color:#ef4444;margin-left:4px}.loading-spinner{border:2px solid #374151;border-top-color:#06b6d4;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-screen{text-align:center;padding:40px 20px}.success-icon-large{background:linear-gradient(135deg,#10b981 0%,#06b6d4 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;animation:2s ease-in-out infinite alternate successPulse;display:flex}@keyframes successPulse{0%{transform:scale(1);box-shadow:0 0 #10b98166}to{transform:scale(1.05);box-shadow:0 0 0 20px #10b98100}}.success-title-large{color:#f8fafc;margin-bottom:16px;font-size:28px;font-weight:700}.success-description-large{color:#64748b;margin-bottom:32px;font-size:16px;line-height:1.6}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.mx-auto{margin-left:auto;margin-right:auto}@media (prefers-contrast:high){.forgot-password-modal-container,.form-input,.otp-input{border-color:#06b6d4}}@media (prefers-reduced-motion:reduce){*,.forgot-password-stepper-number,.success-icon-large,.loading-spinner{transition:none!important;animation:none!important}}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #06b6d4}
@supports (-webkit-touch-callout:none){.change-password-modal-overlay input,.change-password-modal-overlay textarea{font-size:16px!important}}.change-password-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;overscroll-behavior:contain;scroll-behavior:auto;background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}@media (max-width:640px){.change-password-modal-overlay{padding:0;overflow:hidden}}.change-password-modal-container{overscroll-behavior:contain;scroll-behavior:auto;-webkit-overflow-scrolling:touch;background:#0f172a;border:1px solid #1e293b;border-radius:24px;width:100%;max-width:480px;max-height:calc(100vh - 32px);margin:auto;position:relative;overflow:hidden auto;box-shadow:0 25px 50px -12px #000c}@media (max-width:640px){.change-password-modal-container{border-radius:0;flex-direction:column;height:100%;max-height:100vh;display:flex}}@media (max-width:480px){.change-password-modal-container{border-radius:0;height:100%;max-height:100vh}}.change-password-modal-close{color:#64748b;cursor:pointer;z-index:10;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s;position:absolute;top:16px;right:16px}.change-password-modal-close:hover{color:#f8fafc;background:#1e293b}.change-password-header{text-align:center;border-bottom:1px solid #1e293b;padding:20px 24px 16px}@media (max-width:640px){.change-password-header{padding:20px 20px 16px}}.change-password-title-with-logo{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:10px;display:flex}.change-password-title{color:#f8fafc;background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 50%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:24px;font-weight:700}.change-password-logo{-o-object-fit:contain;object-fit:contain;width:auto;height:32px}@media (max-width:640px){.change-password-title{font-size:20px}.change-password-logo{height:28px}}.change-password-subtitle{color:#64748b;max-width:400px;margin:0 auto;font-size:13px;line-height:1.5}@media (max-width:640px){.change-password-subtitle{font-size:12px;line-height:1.4}}.change-password-progress-stepper{border-bottom:1px solid #1e293b;justify-content:space-between;align-items:flex-start;gap:0;margin:0 auto;padding:18px 32px;display:flex;position:relative}@media (max-width:768px){.change-password-progress-stepper{margin:0;padding:16px 24px}}@media (max-width:640px){.change-password-progress-stepper{margin:0;padding:14px 16px}}@media (max-width:480px){.change-password-progress-stepper{margin:0;padding:12px}}.change-password-progress-stepper:before{content:"";z-index:0;background:#334155;height:2px;position:absolute;top:34px;left:30%;right:30%}@media (max-width:640px){.change-password-progress-stepper:before{top:27px}}.change-password-stepper-step{flex-direction:column;flex:1 1 0;align-items:center;min-width:0;display:flex;position:relative}.change-password-progress-stepper:after{content:"";z-index:0;height:2px;width:var(--progress-width,0%);background:#06b6d4;transition:width .3s;position:absolute;top:34px;left:25%}@media (max-width:640px){.change-password-progress-stepper:after{top:32px}}.change-password-stepper-circle{z-index:1;flex-shrink:0;margin-bottom:6px;position:relative}.change-password-stepper-number{color:#64748b;background:#1e293b;border:2px solid #334155;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:600;transition:all .3s;display:flex}@media (max-width:768px){.change-password-stepper-number{width:34px;height:34px;font-size:14px}}@media (max-width:640px){.change-password-stepper-number{width:32px;height:32px;font-size:14px}}@media (max-width:480px){.change-password-stepper-number{width:30px;height:30px;font-size:13px}}.change-password-stepper-step.active .change-password-stepper-number{color:#f8fafc;background:#06b6d4;border-color:#06b6d4;animation:2s infinite changePasswordPulse}.change-password-stepper-step.completed .change-password-stepper-number{color:#f8fafc;background:#10b981;border-color:#10b981}@keyframes changePasswordPulse{0%,to{box-shadow:0 0 #06b6d466}50%{box-shadow:0 0 0 8px #06b6d400}}.change-password-stepper-label{color:#64748b;text-align:center;word-wrap:break-word;overflow-wrap:break-word;width:100%;font-size:12px;font-weight:500;line-height:1.2}@media (max-width:640px){.change-password-stepper-label{font-size:11px}}@media (max-width:480px){.change-password-stepper-label{font-size:10px;line-height:1.1}}.change-password-stepper-step.active .change-password-stepper-label{color:#06b6d4}.change-password-stepper-step.completed .change-password-stepper-label{color:#10b981}.change-password-content{padding:24px 32px}@media (max-width:768px){.change-password-content{padding:20px 24px}}@media (max-width:640px){.change-password-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;padding:16px 20px;overflow:hidden auto}}@media (max-width:480px){.change-password-content{padding:14px 16px}}.step-title{color:#f8fafc;margin-bottom:6px;font-size:20px;font-weight:600}@media (max-width:768px){.step-title{font-size:19px}}@media (max-width:640px){.step-title{margin-bottom:6px;font-size:18px}}@media (max-width:480px){.step-title{font-size:17px}}.step-description{color:#94a3b8;margin-bottom:18px;font-size:14px;line-height:1.5}@media (max-width:768px){.step-description{margin-bottom:16px;font-size:13.5px}}@media (max-width:640px){.step-description{margin-bottom:12px;font-size:13px;line-height:1.4}}@media (max-width:480px){.step-description{margin-bottom:10px;font-size:12px}}.option-selection{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.option-button{color:#f8fafc;cursor:pointer;text-align:left;background:#1e293b;border:2px solid #334155;border-radius:12px;align-items:center;gap:12px;width:100%;padding:16px 20px;font-size:15px;font-weight:600;transition:all .2s;display:flex}@media (max-width:640px){.option-button{border-radius:10px;padding:14px 18px;font-size:14px}}.option-button:hover{background:#1e293b;border-color:#06b6d4;transform:translateY(-2px);box-shadow:0 4px 12px #06b6d433}.option-button.active{background:linear-gradient(135deg,#06b6d41a 0%,#3b82f61a 100%);border-color:#06b6d4}.option-icon{color:#fff;background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 100%);border-radius:10px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;display:flex}@media (max-width:640px){.option-icon{width:36px;min-width:36px;height:36px}}.option-content{flex:1}.option-title{color:#f8fafc;margin-bottom:4px;font-size:15px;font-weight:600}.option-description{color:#64748b;font-size:13px;line-height:1.4}.zalo-notice{background:linear-gradient(135deg,#0068ff1f 0%,#3b82f61f 50%,#93c5fd1f 100%);border:2px solid;border-image:linear-gradient(135deg,#0068ff 0%,#3b82f6 50%,#60a5fa 100%) 1;border-radius:12px;align-items:center;gap:12px;margin:12px 0 16px;padding:12px 14px;animation:3s ease-in-out infinite zalo-glow;display:flex;position:relative;overflow:hidden}@keyframes zalo-glow{0%,to{box-shadow:0 0 #0068ff66}50%{box-shadow:0 0 20px 2px #0068ff4d}}@media (max-width:640px){.zalo-notice{border-radius:10px;gap:10px;margin:12px 0 16px;padding:10px 12px}}@media (max-width:480px){.zalo-notice{gap:8px;margin:10px 0 14px;padding:8px 10px}}.zalo-notice-icon{color:#fff;z-index:1;background:linear-gradient(135deg,#0068ff 0%,#3b82f6 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;animation:2s ease-in-out infinite zalo-icon-pulse;display:flex;position:relative;box-shadow:0 4px 12px #0068ff59}@keyframes zalo-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (max-width:640px){.zalo-notice-icon{border-radius:10px;width:38px;min-width:38px;height:38px}}@media (max-width:480px){.zalo-notice-icon{border-radius:8px;width:34px;min-width:34px;height:34px}}.zalo-notice-icon-img{-o-object-fit:contain;object-fit:contain;width:20px;height:20px}@media (max-width:640px){.zalo-notice-icon-img{width:22px;height:22px}}@media (max-width:480px){.zalo-notice-icon-img{width:20px;height:20px}}.zalo-notice-content{z-index:1;flex:1;position:relative}.zalo-notice-title{color:#0068ff;margin-bottom:2px;font-size:13px;font-weight:700;line-height:1.3}@media (max-width:640px){.zalo-notice-title{margin-bottom:2px;font-size:13px}}@media (max-width:480px){.zalo-notice-title{font-size:12px}}.zalo-notice-text{color:#64748b;font-size:12px;font-weight:500;line-height:1.3}@media (max-width:640px){.zalo-notice-text{font-size:11px;line-height:1.3}}@media (max-width:480px){.zalo-notice-text{font-size:10px}}.zalo-notice-text strong{color:#0068ff;font-weight:700}.zalo-notice-otp{margin:12px 0 16px}@media (max-width:640px){.zalo-notice-otp{margin:10px 0 12px}}@media (max-width:480px){.zalo-notice-otp{margin:8px 0 10px}}.form-group{min-height:60px;margin-bottom:16px;position:relative}@media (max-width:640px){.form-group{min-height:56px;margin-bottom:14px}}.form-label{color:#f8fafc;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-input{color:#f8fafc;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#1e293b;border:2px solid #334155;border-radius:12px;width:100%;min-height:52px;padding:14px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}@media (max-width:640px){.form-input{border-radius:10px;min-height:48px;padding:12px 14px}}.form-input::placeholder{color:#64748b}.form-input:focus{border-color:#06b6d4;outline:none;transform:none;box-shadow:0 0 0 4px #06b6d41a}.phone-input-group{gap:12px;display:flex}.country-selector{color:#f8fafc;cursor:pointer;background:#1e293b;border:2px solid #334155;border-radius:12px;align-items:center;gap:8px;min-width:100px;padding:16px 18px;font-weight:600;transition:all .2s;display:flex}.country-selector:hover{border-color:#06b6d4}.country-flag{font-size:20px}.form-input.phone{flex:1}.form-microcopy{color:#64748b;align-items:flex-start;gap:8px;margin-top:8px;font-size:14px;line-height:1.5;display:flex}.form-microcopy svg{color:#06b6d4;flex-shrink:0;width:16px;height:16px;margin-top:2px}.form-error{color:#ef4444;will-change:opacity,max-height,margin-top;background:#2a0e0e;border:1px solid #7f1d1d;border-radius:12px;align-items:flex-start;gap:12px;margin-top:8px;padding:12px 16px;font-size:14px;display:flex;overflow:hidden;transform:translateZ(0)}@media (max-width:640px){.form-error{margin-top:6px;padding:10px 14px;font-size:13px}}.form-error svg{flex-shrink:0;width:20px;height:20px;margin-top:1px}@media (max-width:640px){.form-error svg{width:18px;height:18px}}.password-toggle-group{position:relative}.password-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:color .2s;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.password-toggle:hover{color:#06b6d4}.otp-container{justify-content:center;gap:10px;margin:24px 0 20px;display:flex}@media (max-width:640px){.otp-container{gap:6px;margin:12px 0 8px}}@media (max-width:480px){.otp-container{gap:5px;margin:10px 0 6px}}.otp-input{text-align:center;color:#f8fafc;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#1e293b;border:2px solid #334155;border-radius:12px;width:52px;height:64px;scroll-margin:0;scroll-padding:0;font-size:24px;font-weight:700;transition:border-color .2s,box-shadow .2s}@media (max-width:640px){.otp-input{border-radius:8px;width:42px;height:50px;font-size:20px}}@media (max-width:480px){.otp-input{width:40px;height:48px;font-size:18px}}.otp-input:focus{border-color:#06b6d4;outline:none;box-shadow:0 0 0 4px #06b6d41a;transform:none!important}@media (max-width:640px){.otp-input:focus{scroll-margin-block:50vh}}@media (max-width:480px){.otp-input:focus{scroll-margin-block:50vh}}.otp-input:disabled{opacity:.5;cursor:not-allowed;background:#0f172a}.btn-primary{color:#f8fafc;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#06b6d4;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;padding:12px 18px;font-size:15px;font-weight:600;transition:all .2s;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.btn-primary{min-height:44px;padding:11px 16px;font-size:14px}}@media (max-width:640px){.btn-primary{border-radius:10px;min-height:48px;padding:12px 16px;font-size:14px}}@media (max-width:480px){.btn-primary{min-height:46px;padding:11px 14px;font-size:13px}}.btn-primary:hover:not(:disabled){background:#0891b2;transform:translateY(-2px);box-shadow:0 8px 25px -8px #06b6d44d}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{color:#6b7280;cursor:not-allowed;box-shadow:none;background:#374151;transform:none}.btn-navigation{gap:12px;margin-top:16px;display:flex}@media (max-width:768px){.btn-navigation{gap:10px;margin-top:14px}}@media (max-width:640px){.btn-navigation{flex-direction:column;gap:8px;margin-top:12px}}@media (max-width:480px){.btn-navigation{gap:8px;margin-top:10px}}.btn-back{color:#64748b;cursor:pointer;background:0 0;border:2px solid #334155;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:12px 18px;font-size:15px;font-weight:600;transition:all .2s;display:flex}@media (max-width:768px){.btn-back{min-height:44px;padding:11px 16px;font-size:14px}}@media (max-width:640px){.btn-back{border-radius:10px;flex:none;width:100%;min-height:48px;padding:12px 16px;font-size:14px}}@media (max-width:480px){.btn-back{min-height:46px;padding:11px 14px;font-size:13px}}.btn-back:hover:not(:disabled){color:#f8fafc;border-color:#64748b}.btn-next{flex:2}@media (max-width:640px){.btn-next{flex:none;width:100%}}.countdown-container{text-align:center;justify-content:center;align-items:center;min-height:60px;margin:20px 0;display:flex}@media (max-width:640px){.countdown-container{min-height:50px;margin:10px 0 8px}}@media (max-width:480px){.countdown-container{min-height:45px;margin:8px 0 6px}}.countdown-text{color:#64748b;width:100%;font-size:16px}@media (max-width:640px){.countdown-text{font-size:13px}}.countdown-timer{color:#06b6d4;font-variant-numeric:tabular-nums;font-size:24px;font-weight:600}@media (max-width:640px){.countdown-timer{font-size:20px}}.resend-link{color:#06b6d4;cursor:pointer;background:0 0;border:none;font-size:16px;font-weight:600;text-decoration:none;transition:color .2s}.resend-link:hover{color:#0891b2;text-decoration:underline}.resend-options{background:#1e293b;border:2px solid #334155;border-radius:12px;margin-top:16px;padding:16px}@media (max-width:640px){.resend-options{border-radius:10px;margin-top:12px;padding:12px}}.resend-options-title{color:#94a3b8;text-align:center;margin:0 0 12px;font-size:13px;font-weight:600}@media (max-width:640px){.resend-options-title{margin-bottom:10px;font-size:12px}}.resend-options-buttons{flex-direction:column;gap:10px;display:flex}@media (max-width:640px){.resend-options-buttons{gap:8px}}.resend-option-button{color:#f8fafc;cursor:pointer;background:#0f172a;border:2px solid #334155;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;padding:14px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}@media (max-width:640px){.resend-option-button{border-radius:10px;gap:8px;min-height:48px;padding:12px 16px;font-size:13px}}.resend-option-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.resend-option-button:hover:not(:disabled):before{left:100%}.resend-option-email:hover:not(:disabled){color:#06b6d4;background:linear-gradient(135deg,#06b6d426 0%,#3b82f626 100%);border-color:#06b6d4;transform:translateY(-2px);box-shadow:0 4px 12px #06b6d433}.resend-option-zalo:hover:not(:disabled){color:#60a5fa;background:linear-gradient(135deg,#0068ff26 0%,#3b82f626 100%);border-color:#0068ff;transform:translateY(-2px);box-shadow:0 4px 12px #0068ff33}.resend-option-button:active:not(:disabled){transform:translateY(0)}.resend-option-button:disabled{color:#64748b;cursor:not-allowed;opacity:.5;background:#0f172a;border-color:#1e293b}.resend-option-button svg{flex-shrink:0;width:20px;height:20px;transition:transform .2s}.resend-option-button:hover:not(:disabled) svg{transform:scale(1.1)}.resend-option-button img{flex-shrink:0;width:20px;height:20px;transition:transform .2s}.resend-option-button:hover:not(:disabled) img{transform:scale(1.1)}.resend-option-button span{text-align:center;letter-spacing:.3px;flex:1;font-weight:600}.required-mark{color:#ef4444;margin-left:4px}.loading-spinner{border:2px solid #374151;border-top-color:#06b6d4;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-screen{text-align:center;padding:40px 20px}.success-icon-large{background:linear-gradient(135deg,#10b981 0%,#06b6d4 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;animation:2s ease-in-out infinite alternate successPulse;display:flex}@keyframes successPulse{0%{transform:scale(1);box-shadow:0 0 #10b98166}to{transform:scale(1.05);box-shadow:0 0 0 20px #10b98100}}.success-title-large{color:#f8fafc;margin-bottom:16px;font-size:28px;font-weight:700}.success-description-large{color:#64748b;margin-bottom:32px;font-size:16px;line-height:1.6}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.mx-auto{margin-left:auto;margin-right:auto}@media (prefers-contrast:high){.change-password-modal-container,.form-input,.otp-input{border-color:#06b6d4}}@media (prefers-reduced-motion:reduce){*,.change-password-stepper-number,.success-icon-large,.loading-spinner{transition:none!important;animation:none!important}}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #06b6d4}