*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;color:#20304b;background:radial-gradient(ellipse at top,#dbeaff,transparent 65%),#f5f8fd;min-height:100vh}.auth-shell{width:min(100% - 28px,480px);margin:28px auto}.auth-brand{display:block;text-align:center;margin-bottom:16px}.auth-brand img{border-radius:50%;box-shadow:0 8px 25px #003b9520;animation:brand-in .6s ease-out}.auth-card{padding:28px;background:white;border:1px solid #d9e3f0;border-radius:22px;box-shadow:0 12px 40px #003b9510;animation:brand-in .4s ease-out}h1{text-align:center;font-size:28px;margin:0 0 8px}.auth-subtitle,.auth-switch,.auth-foot{text-align:center;color:#52627c}a{color:#003b95;text-decoration:none}a:hover{text-decoration:underline}label{display:block;font-size:14px;font-weight:600;margin:14px 0 6px}input:not([type=checkbox]){width:100%;padding:12px 14px;border:1px solid #b9c9dd;border-radius:10px;font:inherit;transition:border-color .15s,box-shadow .15s}input:focus{outline:2px solid #92baff;outline-offset:2px}input.is-valid{border:2px solid #18804b!important}input.is-invalid{border:2px solid #c52b41!important}.auth-primary,.auth-secondary,.auth-google{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:13px;border-radius:10px;border:1px solid #c5d4e8;font:600 15px system-ui;cursor:pointer;margin-top:20px;transition:background .15s,transform .15s}.auth-primary{background:#003b95;color:white;border-color:#003b95}.auth-primary:hover{background:#002d74;transform:translateY(-1px)}.auth-secondary,.auth-google{background:#f7faff;color:#003b95}.auth-google:hover,.auth-secondary:hover{background:#eaf2ff;text-decoration:none}.auth-google span{font-size:22px;color:#246acc}.auth-error,.auth-success{padding:12px;border-radius:9px;font-size:14px;overflow-wrap:anywhere}.auth-error{background:#fff0f2;color:#a12436}.auth-success{background:#eaf8f0;color:#17643b}.auth-divider{text-align:center;color:#687c98;margin:18px 0 -8px}.auth-options{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;margin-top:10px}.auth-options label{margin:0}.auth-steps{display:flex;list-style:none;padding:0;gap:7px;font-size:12px}.auth-steps li{flex:1;padding:9px 4px;text-align:center;background:#eef3f9;border-radius:7px}.auth-steps .current{background:#003b95;color:white}.auth-steps .done{background:#e2f4e9;color:#17643b}.password-checks{padding:0;list-style:none;font-size:13px;color:#6c7890}.password-checks li:before{content:'○ ';}.password-checks .met{color:#18804b}.password-checks .met:before{content:'✓ '}.password-checks .unmet{color:#bd263c}small{color:#68788f;display:block;margin-top:9px}.otp-input{text-align:center;font-size:24px!important;letter-spacing:8px}.auth-resend{margin-top:18px;font-size:14px}.auth-resend summary{color:#003b95;cursor:pointer}.auth-loader{position:fixed;inset:0;z-index:9999;background:#f5f8fdeb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.auth-loader[hidden]{display:none}.auth-loader img{border-radius:50%;animation:brand-pulse 1s ease-in-out infinite}.auth-foot{font-size:12px}.auth-card button:disabled{opacity:.7;cursor:wait}@keyframes brand-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes brand-pulse{50%{transform:scale(1.08);box-shadow:0 0 0 12px #003b9510}}@media(max-width:400px){.auth-card{padding:20px 16px}.auth-shell{margin:16px auto}.auth-brand img{width:78px;height:78px}h1{font-size:25px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.auth-password-wrap{position:relative}.auth-password-wrap input{padding-right:52px!important}.auth-password-wrap .auth-password-toggle{position:absolute;right:4px;top:4px;bottom:4px;width:44px;min-height:36px;margin:0;padding:8px;border:0;background:transparent;color:#003b95;display:grid;place-items:center;border-radius:8px}.auth-password-toggle:hover{background:#edf3fc!important}.auth-password-toggle:focus-visible{outline:2px solid #003b95;outline-offset:-2px}