:root{--auth-ink:#26213c;--auth-muted:#79728a;--auth-line:#e5dfef;--auth-purple:#6f4bd5;--auth-dark:#1c1735}*{box-sizing:border-box}.auth-page{min-height:100vh;color:var(--auth-ink);background:radial-gradient(circle at 78% 13%,#e7ddff 0,#0000 31%),linear-gradient(145deg,#f7f5fb,#efeaf8);place-items:center;padding:28px;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;display:grid}.auth-card,.account-center{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdfbf2;border:1px solid #ffffffb8;border-radius:28px;width:min(600px,100%);padding:34px;box-shadow:0 28px 80px #3f2a6f20}.auth-brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:flex}.auth-brand>span{color:#fff;background:linear-gradient(145deg,#9475f5,#6744d2);border-radius:13px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 9px 24px #6242b743}.auth-brand div{gap:3px;display:grid}.auth-brand b{font-size:16px}.auth-brand small{color:#9287a7;letter-spacing:.15em;font-size:8px}.auth-copy{margin:42px 0 26px}.auth-copy p,.identity-card p{color:#8063dd;letter-spacing:.15em;margin:0 0 8px;font-size:9px;font-weight:800}.auth-copy h1{letter-spacing:-.055em;margin:0 0 10px;font-size:clamp(27px,5vw,38px)}.auth-copy>span{color:var(--auth-muted);font-size:12px;line-height:1.7;display:block}.auth-benefits{gap:10px;margin-bottom:24px;display:grid}.auth-benefits article{border:1px solid var(--auth-line);background:#fff;border-radius:13px;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:11px;padding:13px;display:grid}.auth-benefits article>span{color:#6948c9;background:#eee8ff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:grid}.auth-benefits b,.auth-benefits small{display:block}.auth-benefits b{font-size:11px}.auth-benefits small{color:var(--auth-muted);margin-top:4px;font-size:9px;line-height:1.55}.auth-primary,.auth-secondary{border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;padding:13px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.auth-primary{color:#fff;background:linear-gradient(130deg,#805de6,#5a3bb7);box-shadow:0 12px 24px #6243c32c}.auth-secondary{border:1px solid var(--auth-line);color:#665b76;background:#fff;margin-top:9px}.auth-card>footer,.account-center>footer{color:#91899d;text-align:center;margin-top:20px;font-size:9px;line-height:1.55}.signed-in{background:radial-gradient(circle at 20% 8%,#342869 0,#0000 29%),linear-gradient(145deg,#17132c,#242047)}.account-center{width:min(760px,100%)}.account-center>header{justify-content:space-between;align-items:center;gap:18px;display:flex}.auth-state{color:#5d806f;align-items:center;gap:7px;font-size:10px;display:flex}.auth-state i{background:#48bd85;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #48bd8515}.identity-card{color:#fff;background:linear-gradient(125deg,#302657,#6947bb);border-radius:20px;align-items:center;gap:17px;margin:34px 0 17px;padding:23px;display:flex}.identity-avatar{color:#5738ae;background:#efe9ff;border-radius:17px;flex:none;place-items:center;width:58px;height:58px;font-size:20px;font-weight:800;display:grid}.identity-card h1{margin:0 0 4px;font-size:23px}.identity-card small{color:#d5cce9;overflow-wrap:anywhere;font-size:10px;display:block}.identity-card em{color:#5c459c;background:#eee8ff;border-radius:7px;margin-top:8px;padding:5px 8px;font-size:9px;font-style:normal;font-weight:800;display:inline-block}.account-status-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.account-status-grid article{border:1px solid var(--auth-line);background:#fff;border-radius:14px;gap:5px;padding:15px;display:grid}.account-status-grid span,.account-status-grid small{color:var(--auth-muted);font-size:9px}.account-status-grid b{font-size:15px}.sync-note{background:#f0faf4;border:1px solid #d8eadf;border-radius:14px;gap:11px;margin:16px 0;padding:15px;display:flex}.sync-note>span{color:#fff;background:#3e9b6d;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-size:10px;font-weight:800;display:grid}.sync-note b{font-size:11px}.sync-note p{color:#60806f;margin:5px 0 0;font-size:9px;line-height:1.6}.account-actions{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.account-actions a{border:1px solid var(--auth-line);color:#5d536c;background:#fff;border-radius:11px;justify-content:center;align-items:center;min-height:43px;font-size:10px;font-weight:800;text-decoration:none;display:flex}.account-actions a.primary{color:#fff;background:#6d4bd3;border-color:#6d4bd3}.account-login-banner{background:#faf8ff;border:1px solid #ddd2fa;border-radius:17px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:17px;padding:17px 19px;display:flex}.account-login-banner>div{align-items:center;gap:11px;display:flex}.account-login-banner>div>span{color:#6847c5;background:#eee8ff;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.account-login-banner p{color:#8267d5;letter-spacing:.13em;margin:0 0 4px;font-size:8px;font-weight:800}.account-login-banner h2{margin:0 0 4px;font-size:13px}.account-login-banner small{color:#7b7488;max-width:550px;font-size:9px;line-height:1.45;display:block}.account-login-banner>a{color:#fff;background:#6c4bd0;border-radius:10px;flex:none;padding:10px 12px;font-size:10px;font-weight:800;text-decoration:none}.profile{color:inherit;text-decoration:none}@media (max-width:620px){.auth-page{align-items:start;padding:15px}.auth-card,.account-center{border-radius:22px;padding:24px 18px}.auth-copy{margin:32px 0 22px}.account-center>header{align-items:flex-start}.auth-state{margin-top:8px;font-size:0}.identity-card{align-items:flex-start;padding:18px}.identity-avatar{width:48px;height:48px}.account-status-grid,.account-actions{grid-template-columns:1fr}.account-login-banner{align-items:flex-start;padding:15px}.account-login-banner>div>span{display:none}.account-login-banner>a{padding:9px}.account-login-banner small{display:none}}.auth-card>footer span,.account-center>footer span{justify-content:center;gap:12px;margin-top:8px;display:flex}.auth-card>footer a,.account-center>footer a{color:#6849c6;font-weight:800;text-decoration:none}@media (max-width:620px){.auth-card>footer span,.account-center>footer span{gap:5px;display:grid}}