@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Roboto:wght@400&display=swap";
:root{--mobile-width:375px;--mobile-height:812px;--content-padding:36px;--border-radius:360px;--background:#fff;--primary-color:var(--color-brand);--primary-strong-color:var(--color-brand-strong);--text-primary:#333;--text-secondary:#666;--border-color:#e9e9e9;--input-bg:#f2f2f2;--icon-color:#9a9a9a;--placeholder-color:var(--color-text-muted);--button-border:#b2b2b2;--font-family-primary:"Inter", sans-serif;--font-family-secondary:"Roboto", sans-serif;--font-size-title:20px;--font-size-text:14px;--font-size-button:18px;--line-height-title:24px;--line-height-text:20px;--line-height-button:21px;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:40px;--button-height:43px;--input-height:44px;--logo-width:140px;--logo-height:76px;--icon-size:24px}@media screen and (max-width:800px){input,textarea,select,button{font-size:16px!important}}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}.sso-auth-root{min-height:100dvh;width:100%!important;max-width:none!important}.sso-auth-shell{box-sizing:border-box;background:#fff;justify-content:center;align-items:center;width:100%;min-height:100dvh;display:flex}.mobile-container{font-family:var(--font-family-primary);width:100%;max-width:var(--mobile-width);min-height:var(--mobile-height);background:var(--background);padding:var(--spacing-xl) var(--content-padding);box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;margin:0 auto;display:flex;position:relative}.app-logo{width:var(--logo-width);height:var(--logo-height);margin-top:50px;margin-bottom:var(--spacing-xl);flex-shrink:0}.page-title{font-family:var(--font-family-primary);font-weight:400;font-size:var(--font-size-title);line-height:var(--line-height-title);color:var(--text-primary);text-align:center;text-transform:none;flex-shrink:0;margin-top:60px;margin-bottom:18px}.form-container{flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:302px;display:flex}.form-container>.form-inputs{margin:0}.form-container>.turnstile-widget{margin:8px 0 0}.form-container>.consent-container{margin-top:4px}.form-container>.primary-button{margin-top:8px}.form-inputs{flex-direction:column;gap:10px;display:flex}.form-item{background:var(--input-bg);border-radius:var(--border-radius);height:var(--input-height);box-sizing:border-box;flex-shrink:0;align-items:center;width:100%;padding:10px 14px;display:flex}.form-input{font-family:var(--font-family-primary);font-size:var(--font-size-text);font-weight:500;line-height:var(--line-height-text);color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;height:100%}.form-input::placeholder{color:var(--placeholder-color)}.input-icon{width:var(--icon-size);height:var(--icon-size);margin-right:var(--spacing-xs);color:var(--icon-color);flex-shrink:0;justify-content:center;align-items:center;display:flex}.button-icon{width:var(--icon-size);height:var(--icon-size);flex-shrink:0;margin-right:0}.eye-icon{width:var(--icon-size);height:var(--icon-size);margin-left:var(--spacing-xs);color:var(--icon-color);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.back-button{cursor:pointer;z-index:10;background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;top:24px;left:16px}.primary-button{width:100%;max-width:302px;height:var(--button-height);border-radius:var(--border-radius);background:var(--primary-strong-color);color:#fff;font-family:var(--font-family-secondary);margin:var(--spacing-md) 0 0;cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;padding:8px 50px;font-size:16px;font-weight:400;line-height:19px;transition:background .2s;display:flex}.primary-button,.primary-button span{color:var(--color-brand-on)!important}.primary-button svg,.primary-button svg path{fill:var(--color-brand-on)!important;color:var(--color-brand-on)!important}.primary-button:disabled{opacity:.7;cursor:not-allowed}.secondary-button{width:100%;max-width:302px;height:var(--button-height);border-radius:var(--border-radius);background:var(--background);color:var(--text-primary);font-family:var(--font-family-secondary);font-size:var(--font-size-button);font-weight:400;line-height:var(--line-height-button);border:1px solid var(--border-color);cursor:pointer;justify-content:center;align-items:center;gap:10px;margin-bottom:0;padding:8px 50px;transition:background .2s;display:flex}.social-btn{text-align:center;position:relative;overflow:hidden;padding-left:48px!important}.social-btn .button-icon{width:24px;height:24px;margin:0;display:block;position:absolute;top:50%;left:34px;transform:translateY(-50%)}.social-btn .button-icon-secondary{left:43px}.social-btn span{text-align:center;width:100%;line-height:24px;display:inline-block}.login-phone-desc{font-family:var(--font-family-primary);font-size:var(--font-size-text);line-height:var(--line-height-text);color:var(--text-secondary);text-align:center;max-width:302px;margin-bottom:30px}.forgot-link,.create-account-link{color:#415ff5;font-size:13px;font-family:var(--font-family-primary);cursor:pointer;width:100%;max-width:302px;font-weight:500;line-height:16px}.forgot-link{text-align:right}.forgot-password-desc{font-family:var(--font-family-primary);font-weight:400;font-size:var(--font-size-text);line-height:var(--line-height-text);color:var(--text-primary);text-align:center;max-width:302px;margin-bottom:15px}.register-desc{color:#666;margin-bottom:35px;font-size:12px;font-style:italic}.login-buttons-container{flex-direction:column;flex-shrink:0;width:100%;max-width:302px;margin-top:48px;display:flex}.login-primary-button,.login-phone-button,.login-apple-button,.login-google-button{margin-bottom:10px}.login-zalo-button{margin-bottom:0}.consent-container{width:100%;max-width:302px;margin-top:var(--spacing-sm);flex-direction:column;gap:10px;display:flex}.consent-item{cursor:pointer;align-items:flex-start;gap:8px;display:flex}.consent-checkbox{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer;appearance:auto;flex-shrink:0;margin:2px 0 0}.consent-checkbox:disabled{cursor:not-allowed}.consent-text{font-family:var(--font-family-primary);letter-spacing:.2px;color:var(--text-secondary);text-align:left;-webkit-hyphens:none;hyphens:none;overflow-wrap:break-word;font-size:13px;font-weight:400;line-height:20px}.consent-link{color:var(--text-secondary);font-weight:400;text-decoration:none}.consent-link strong{color:var(--primary-strong-color);font-weight:700;text-decoration:underline}.error-modal-overlay{z-index:50;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.error-modal-container{background:#fff;border-radius:12px;flex-direction:column;align-items:center;width:100%;max-width:300px;margin:0 16px;display:flex;box-shadow:0 4px 32px #0000001f}.error-modal-content{flex-direction:column;align-items:center;padding:32px 24px 24px;display:flex}.error-modal-icon{margin-bottom:16px}.error-modal-svg{color:var(--color-brand-strong);width:48px;height:48px;display:block}.error-modal-title{color:#222;text-align:center;margin-bottom:8px;font-size:20px;font-weight:600}.error-modal-message{color:#666;text-align:center;margin-bottom:24px;font-size:15px}.error-modal-btn{background:var(--color-brand-strong);width:100%;color:var(--color-brand-on);cursor:pointer;border:none;border-radius:999px;margin-top:0;padding:14px 0;font-size:16px;font-weight:600;transition:background .2s}.error-modal-btn:hover{background:#e76463}.info-modal-overlay{z-index:50;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.info-modal-container{background:var(--color-surface);border-radius:10px;flex-direction:column;align-items:center;width:300px;height:auto;display:flex;position:relative;box-shadow:0 4px 4px #00000026}.info-modal-content{flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:24px 12px 23px;display:flex;position:relative}.info-modal-icon{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:19px;display:flex}.info-modal-icon.success{background:var(--color-brand)}.info-modal-title,.info-modal-message{color:var(--color-text);text-align:center;margin:0 0 18px;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:17px}.info-modal-btn{border:1px solid var(--color-brand);width:200px;height:48px;color:var(--color-text);text-align:center;cursor:pointer;background:0 0;border-radius:360px;font-family:Roboto,sans-serif;font-size:18px;font-weight:400;line-height:30px;transition:all .2s}.info-modal-btn:hover{background:var(--primary-strong-color);color:#fffbfa}.reset-password-desc,.otp-desc{font-family:var(--font-family-primary);font-weight:400;font-size:var(--font-size-text);line-height:var(--line-height-text);color:var(--text-primary);text-align:center;max-width:302px;margin-bottom:var(--spacing-lg)}.otp-form{flex-direction:column;align-items:center;width:100%;max-width:302px;display:flex}.otp-inputs{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);justify-content:center;display:flex}.otp-input{border:1px solid var(--icon-color);text-align:center;width:44px;height:52px;font-family:var(--font-family-primary);color:var(--text-primary);background:var(--background);border-radius:8px;outline:none;font-size:18px;font-weight:500;transition:border-color .2s}.otp-input:focus{border-color:var(--primary-color)}.otp-input:disabled{opacity:.6;cursor:not-allowed}.otp-code-field{position:relative}.otp-slot{justify-content:center;align-items:center;display:flex}.otp-slot-active{border-color:var(--primary-color)}.otp-slot-disabled{opacity:.6}.otp-code-native{color:#0000;-webkit-text-fill-color:transparent;caret-color:#0000;letter-spacing:-.5em;cursor:text;background:0 0;border:0;outline:none;width:100%;height:100%;margin:0;padding:0;font-size:40px;position:absolute;inset:0}.otp-code-native::selection{background:0 0}.otp-code-native:disabled{cursor:not-allowed}.resend-container{margin-bottom:var(--spacing-md);text-align:center}.turnstile-widget{width:100%;margin-bottom:var(--spacing-md);justify-content:center;display:flex}.turnstile-widget iframe{max-width:100%}.resend-button{color:var(--primary-strong-color);cursor:pointer;background:0 0;border:none;font-family:Sarabun,sans-serif;font-size:13px;font-weight:400;line-height:17px;text-decoration:underline}.resend-button:disabled{opacity:.6;cursor:not-allowed}.countdown-text{color:var(--text-primary);font-family:Sarabun,sans-serif;font-size:13px;font-weight:400;line-height:17px}@media (min-width:376px){.mobile-container{border-radius:16px;min-height:812px;margin:20px auto;box-shadow:0 2px 16px #0000000a}}@media (max-width:375px){.mobile-container{min-height:100dvh;box-shadow:none;border-radius:0;margin:0}}@media (max-width:374px){:root{--content-padding:24px}}@media (max-width:359px){.turnstile-widget{transform-origin:top;transform:scale(.88)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.space-y-2>*+*{margin-top:8px}.space-y-4>*+*{margin-top:16px}.w-full{width:100%}.w-6{width:24px}.h-6{height:24px}.h-5{width:20px;height:20px}.py-3{padding-top:12px;padding-bottom:12px}.px-4{padding-left:16px;padding-right:16px}.rounded-full{border-radius:9999px}.rounded{border-radius:4px}.bg-white{background-color:#fff}.bg-red-100{background-color:#fee2e2}.border{border-width:1px}.border-gray-300{border-color:#d1d5db}.border-red-400{border-color:#f87171}.text-red-700{color:#b91c1c}.font-medium{font-weight:500}.text-xl{font-size:20px}.leading-none{line-height:1}.flex-shrink-0{flex-shrink:0}.relative{position:relative}.hidden{display:none}.transition-all{transition:all .2s}.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.primary-button.social-btn span,.secondary-button.social-btn span{font-size:15px}