.login-page{background:radial-gradient(ellipse 70% 50% at 82% 0%, #5b7fa60d, transparent 55%), radial-gradient(ellipse 70% 50% at 0% 100%, #cc785c0b, transparent 55%), var(--canvas);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex;position:relative}.login-weave{z-index:0;pointer-events:none;opacity:.5;position:fixed;inset:0;width:100%!important;height:100%!important}.login-page-inner{z-index:1;flex-direction:column;align-items:center;gap:16px;width:min(400px,100%);display:flex;position:relative}.login-back-link{color:var(--ink-muted);letter-spacing:.04em;border-radius:var(--r-full);transition:color var(--t-fast), background var(--t-fast);padding:6px 14px;font-size:12.5px}.login-back-link:hover{color:var(--accent-deep);background:var(--accent-soft)}.login-card{z-index:1;background:var(--surface-float);border:1px solid var(--line);border-radius:var(--r-2xl);width:min(400px,100%);max-height:min(86vh,720px);box-shadow:var(--shadow-lg);animation:rise .5s var(--ease-out) both;padding:38px 40px 30px;position:relative;overflow-y:auto}.login-brand{font-family:var(--font-serif);letter-spacing:.1em;text-align:center;background:var(--grad-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:34px;font-weight:700}.login-slogan{font-family:var(--font-serif);letter-spacing:.3em;color:var(--ink-muted);text-align:center;margin:8px 0 26px;font-size:12px}.login-regdone{text-align:center;padding:6px 2px}.login-regdone-title{color:var(--ink);margin-bottom:14px;font-size:16px;font-weight:800}.login-regdone-body{color:var(--ink-2);text-align:left;margin:0 0 10px;font-size:13px;line-height:1.75}.login-regdone .login-submit{width:100%;margin-top:14px}.login-tabs{background:var(--surface);border-radius:var(--r-full);gap:4px;margin-bottom:22px;padding:4px;display:flex}.login-tab{border-radius:var(--r-full);color:var(--ink-3);cursor:pointer;transition:all var(--t-base) var(--ease-out);background:0 0;border:none;flex:1;padding:8px 0;font-size:13.5px;font-weight:600}.login-tab.on{color:var(--accent-deep);box-shadow:var(--shadow-md);background:#fff}.login-tab:hover:not(.on):not(:disabled){color:var(--ink-2)}.login-tab:disabled{color:var(--line-strong);cursor:not-allowed}.login-reg-off{color:var(--ink-muted)}.login-form{flex-direction:column;gap:14px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-label{color:var(--ink-3);letter-spacing:.06em;font-size:12px}.login-req{color:var(--danger);margin-left:2px}.login-pwd-wrap{display:block;position:relative}.login-input-pwd{width:100%;padding-right:62px}.login-pwd-toggle{border-radius:var(--r);color:var(--ink-muted);cursor:pointer;transition:color var(--t-fast), background var(--t-fast);background:#f0ebe2cc;border:none;padding:4px 8px;font-size:12px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.login-pwd-toggle:hover{color:var(--accent-deep);background:var(--accent-soft)}.login-input{color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--r-lg);transition:border-color var(--t-fast), box-shadow var(--t-fast);background:#ffffffd9;padding:10px 13px;font-size:14px}.login-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #b15f431f}.login-input::placeholder{color:var(--ink-muted);opacity:.7}.login-error{color:var(--danger);border-radius:var(--r);animation:rise .28s var(--ease-out) both;background:#c0563f12;border:1px solid #c0563f38;padding:8px 12px;font-size:12.5px}.login-submit{border-radius:var(--r-lg);margin-top:6px;padding:11px 0;font-size:14px}.login-foot{text-align:center;color:var(--ink-muted);margin-top:20px;font-size:12.5px}.login-link{color:var(--accent-deep);cursor:pointer;transition:color var(--t-fast);background:0 0;border:none;padding:0 2px;font-size:12.5px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.login-link:hover{color:var(--accent)}.login-beta{text-align:center;margin-top:10px}.login-beta-btn{color:var(--ink-muted);cursor:pointer;transition:color var(--t-fast);background:0 0;border:none;padding:0 2px;font-size:11px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.login-beta-btn:hover{color:var(--accent-deep)}.login-beta-tip{color:var(--ink-3);background:var(--accent-soft);border:1px solid var(--accent-mid);border-radius:var(--r);animation:rise .28s var(--ease-out) both;margin-top:8px;padding:7px 12px;font-size:11.5px;display:inline-block}@media (max-width:480px){.login-card{padding:30px 24px 24px}}