.account-page{--account-ink:#17243b;--account-muted:#526175;--account-line:#e4e9f1;min-height:100dvh;display:flex;flex-direction:column;background:#f8fafc;color:var(--account-ink);font-family:Manrope Variable,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang HK,Noto Sans HK,sans-serif}.account-header{width:min(1160px,100%);margin:0 auto;padding:30px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.account-header .brand{gap:11px}.account-header .brand>div{display:block}.account-header .brand strong{color:var(--account-ink);font-size:16px;font-weight:700}.account-header .brand span:not(.emblem-window){font-size:14px}.account-header .emblem-window{width:37px;height:39px}.account-header .emblem-window img{height:39px}.account-language{display:flex;align-items:center;gap:8px;font-size:15px;color:#627085;padding:9px 12px;border:1px solid transparent;border-radius:10px;white-space:nowrap}.account-language:hover{background:#edf1f6;border-color:#e4e9f0}.account-main{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:18px 24px 38px}.account-card{width:480px;max-width:100%;background:#fff;border:1px solid var(--account-line);border-radius:22px;padding:38px;box-shadow:0 3px 5px #17243b02,0 18px 55px -18px #17243b12;transition:width .28s,box-shadow .2s}.account-stage{animation:account-enter .26s cubic-bezier(.2,.7,.2,1) both}.account-stage-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#00338d;border:1px solid #e1e9f6;background:#f5f8ff;border-radius:15px;margin-bottom:22px}.account-stage-icon.success{color:#208261;background:#eff8f3;border-color:#e2f0e8}.account-heading h1{font-size:28px;line-height:1.28;font-weight:680;letter-spacing:-.85px;color:var(--account-ink)}.account-heading p{margin-top:10px;line-height:1.75;color:#526175;font-size:16px}.account-progress{list-style:none;padding:0;margin:0 0 28px;display:flex;gap:13px;align-items:center;justify-content:space-between}.account-progress li{display:flex;align-items:center;gap:6px;font-size:14px;color:#526175;font-weight:500;white-space:nowrap}.account-progress li>span{width:19px;height:19px;display:flex;align-items:center;justify-content:center;border:1px solid #e3e7ed;border-radius:50%;font-size:14px;background:#fff}.account-progress .active{color:#00338d;font-weight:650}.account-progress .active>span{color:white;background:#00338d;border-color:#00338d}.account-progress .complete{color:#65758d}.account-progress .complete>span{background:#edf3fc;color:#00338d;border-color:#edf3fc}.account-identity{display:inline-flex;max-width:100%;align-items:center;gap:8px;padding:7px 10px;background:#f5f7fa;color:#526175;border-radius:8px;font-size:14px;margin-top:18px}.account-identity>span{overflow-wrap:anywhere;min-width:0}.account-identity>svg{flex-shrink:0}.account-form{gap:20px;margin-top:26px}.account-field,.account-form{display:flex;flex-direction:column}.account-field{gap:9px}.account-field>label{font-size:15px;font-weight:650;color:#435069}.account-input-wrap{display:flex;align-items:center;gap:12px;padding:0 13px;background:#fcfdff;border:1px solid #dfe5ee;border-radius:11px;transition:box-shadow .18s,border-color .18s,background .18s}.account-input-wrap>svg{color:#647187;flex-shrink:0}.account-input-wrap:hover{border-color:#bdc9da}.account-input-wrap:focus-within{background:white;border-color:#7999ce;box-shadow:0 0 0 4px #00338d08}.account-input-wrap input{padding:14px 0;min-height:50px;background:transparent;width:100%;min-width:0;border:0;outline:0;box-shadow:none;border-radius:0;color:#17243b;font-size:16px}.account-input-wrap input::placeholder{color:#66748a}.account-input-wrap input:focus{box-shadow:none;border:0}.account-input-wrap input:-webkit-autofill,.account-input-wrap input:-webkit-autofill:focus,.account-input-wrap input:-webkit-autofill:hover{-webkit-text-fill-color:#17243b;-webkit-box-shadow:inset 0 0 0 100px #fcfdff;caret-color:#17243b}.account-reveal{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:42px;border-radius:6px;margin-right:-5px;color:#647187}.account-reveal:hover{background:#eef2f8;color:#435877}.account-primary{min-height:49px;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;color:white;background:#00338d;border:1px solid #00338d;border-radius:11px;font-weight:600;font-size:16px;box-shadow:0 1px 2px #00338d18;transition:background .18s,box-shadow .18s,transform .12s}.account-primary:hover:not(:disabled){background:#052f7b;box-shadow:0 4px 12px #00338d20}.account-primary:active:not(:disabled){transform:translateY(1px)}.account-primary:disabled{opacity:1;background:#a0b4d7;border-color:#a0b4d7;color:#fff;box-shadow:none}.account-primary:focus-visible{outline:3px solid #7596ce;outline-offset:4px}.account-bottom{text-align:center;padding-top:22px}.account-bottom p{margin-top:23px;font-size:14px;color:#526175}.account-text-link{font-size:15px;color:#4b658f;font-weight:550;padding:3px 0}.account-text-link:hover{color:#00338d}.account-back{display:flex;align-items:center;justify-content:center;gap:7px;margin:22px auto 0;padding:5px;font-size:14px;color:#526175}.account-back:hover{color:#435877}.account-resend{align-self:center;margin-top:-10px}.account-helper{display:flex;gap:7px;align-items:center;font-size:14px;color:#526175;line-height:1.6}.account-message{display:flex;align-items:flex-start;gap:8px;color:#238263;font-size:15px;line-height:1.65}.account-message>svg{flex-shrink:0;margin-top:2px}.account-message.error{color:#b84d55}.account-password-checks{display:grid;grid-template-columns:1fr;gap:8px 10px;margin-top:-9px;margin-bottom:-3px}.account-password-checks>span{display:flex;align-items:center;gap:6px;font-size:14px;color:#526175;transition:color .2s}.account-password-checks i{width:12px;height:12px;border:1px solid #dce2ea;border-radius:50%}.account-password-checks>.met{color:#268363}.account-session{margin-top:23px;align-items:center;justify-content:center;gap:6px;text-align:center}.account-footer,.account-session{display:flex;font-size:14px;color:#526175}.account-footer{justify-content:space-between;gap:14px;width:min(1160px,100%);margin:0 auto;padding:18px 40px 26px}.account-spinner{animation:account-spin .8s linear infinite}.account-success .account-stage-icon{margin:0 auto 23px;width:58px;height:58px;border-radius:19px}.account-success .account-heading{text-align:center}.account-success .account-identity{display:flex;justify-content:center;width:fit-content;margin:18px auto 0}.account-success .account-form{margin-top:28px}@keyframes account-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes account-spin{to{transform:rotate(1turn)}}@media (max-width:600px){.account-header{padding:24px 22px;gap:8px}.account-header .brand span:not(.emblem-window),.account-header .brand strong{font-size:14px}.account-header .brand{gap:8px}.account-header .emblem-window{width:31px;height:33px}.account-header .emblem-window img{height:33px}.account-language{padding:8px 6px;font-size:14px;gap:6px}.account-main{padding:15px 18px 30px;justify-content:center}.account-card{padding:29px 25px;border-radius:18px}.account-heading h1{font-size:25px;letter-spacing:-.6px}.account-heading p,.account-input-wrap input{font-size:16px}.account-progress{gap:8px;margin-bottom:25px}.account-progress li{font-size:14px;gap:5px}.account-form{margin-top:23px;gap:19px}.account-footer{padding:14px 23px 22px;font-size:14px}.account-session{font-size:14px}}@media (max-width:370px){.account-main{padding-inline:12px}.account-card{padding:26px 21px}.account-header{padding-inline:17px}.account-header .brand strong{font-size:14px}.account-password-checks{gap:8px}.account-password-checks>span{font-size:14px}}@media (prefers-reduced-motion:reduce){.account-page *,.account-page :after,.account-page :before{animation:none!important;transition:none!important}}