.auth-page{background:linear-gradient(160deg,#f5f5f7 0%,#e8f1fe 55%,#f5f5f7 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}@media (max-width:833px){.auth-page{align-items:flex-start;padding:0}}.auth-card{-webkit-backdrop-filter:saturate(180%)blur(20px);background:#fffc;border:1px solid #fff9;border-radius:24px;width:100%;max-width:420px;padding:44px 40px;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a}@media (max-width:833px){.auth-card{max-width:none;box-shadow:none;background:#fff;border:none;border-radius:0;flex-direction:column;justify-content:center;min-height:100vh;padding:40px 24px;display:flex}}.auth-logo{color:#1d1d1f;justify-content:center;align-items:center;gap:8px;margin-bottom:6px;font-size:20px;font-weight:600;text-decoration:none;display:flex}.auth-logo .logo-mark{justify-content:center;align-items:center;width:30px;height:30px;display:flex}.auth-logo .logo-mark i{color:#fff;width:17px;height:17px}.auth-title{text-align:center;color:#1d1d1f;letter-spacing:-.02em;margin-bottom:4px;font-size:24px;font-weight:700}.auth-sub{text-align:center;color:#86868b;margin-bottom:32px;font-size:14px}.auth-field{margin-bottom:16px}.auth-field label{color:#1d1d1f;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.auth-field input{color:#1d1d1f;background:#ffffffb3;border:1px solid #d2d2d7;border-radius:12px;outline:none;width:100%;height:48px;padding:0 16px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.auth-field input:focus{border-color:#0071e3;box-shadow:0 0 0 3px #0071e31f}.auth-field input::placeholder{color:#aeaeb2}.auth-field-row{align-items:center;display:flex;position:relative}.auth-field-row .pwd-toggle{color:#86868b;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.auth-field-row .pwd-toggle:hover{background:#0000000d}.auth-field-row .pwd-toggle i{width:18px;height:18px}.auth-field input.has-toggle{padding-right:48px}.auth-error{color:#ff3b30;margin-top:4px;font-size:12px}.auth-form-error{text-align:center;color:#ff3b30;background:#ff3b3014;border-radius:10px;margin-bottom:20px;padding:10px;font-size:13px}.auth-btn{color:#fff;cursor:pointer;background:#0071e3;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;margin-top:4px;font-family:inherit;font-size:15px;font-weight:600;transition:background .2s,transform .1s;display:flex}.auth-btn:hover:not(:disabled){background:#0077ed}.auth-btn:active:not(:disabled){transform:scale(.985)}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-btn .spin{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-divider{color:#86868b;align-items:center;gap:12px;margin:24px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#d2d2d7;flex:1;height:1px}.auth-footer{text-align:center;color:#6e6e73;margin-top:24px;font-size:14px}.auth-footer a{color:#0071e3;cursor:pointer;font-weight:500}.auth-footer a:hover{text-decoration:underline}.auth-back{color:#86868b;justify-content:center;align-items:center;gap:6px;margin-top:20px;font-size:13px;text-decoration:none;display:flex}.auth-back:hover{color:#0071e3}.auth-back i{width:15px;height:15px}