: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}}.email-login-page{background:radial-gradient(circle at 12% 14%,#ddd0ff 0,#0000 26%),radial-gradient(circle at 84% 86%,#bcebd8 0,#0000 31%),linear-gradient(145deg,#f7f4ff,#f4f8f5);position:relative;overflow:hidden}.login-orbit{pointer-events:none;border:1px solid #7653d329;border-radius:50%;position:absolute}.login-orbit-a{width:480px;height:480px;top:-180px;right:-110px}.login-orbit-b{border-color:#35816631;width:520px;height:520px;bottom:-230px;left:-160px}.email-login-card{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdfbf2;border:1px solid #ffffffc7;border-radius:28px;width:min(560px,100%);padding:34px;animation:.55s both login-card-in;position:relative;box-shadow:0 28px 80px #3f2a6f20}.email-login-card.leaving{pointer-events:none;animation:.6s both login-card-out}.email-login-copy{margin:39px 0 23px}.email-login-copy p{color:#8063dd;letter-spacing:.15em;margin:0 0 9px;font-size:9px;font-weight:800}.email-login-copy h1{letter-spacing:-.06em;margin:0 0 10px;font-size:clamp(28px,5vw,40px)}.email-login-copy>span{color:var(--auth-muted);font-size:12px;line-height:1.7;display:block}.login-steps{grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:8px;margin:0 0 24px;display:grid}.login-steps span{border:1px solid var(--auth-line);color:#a39aac;background:#fff;border-radius:11px;place-items:center;gap:2px;width:37px;height:37px;font-size:10px;font-weight:800;display:grid}.login-steps span b{font-size:7px}.login-steps span.active,.login-steps span.done{color:#fff;background:#6d4fd4;border-color:#8c6fe6}.login-steps span.done{background:#3e9b6d}.login-steps i{background:#e4dfea;height:2px}.email-login-form{gap:12px;display:grid}.email-login-form label{color:#5e556b;gap:7px;font-size:10px;font-weight:800;display:grid}.email-login-form input{color:#342a45;width:100%;font:inherit;background:#fff;border:1px solid #dcd4e9;border-radius:12px;outline-color:#7554d1;padding:14px;font-size:13px}.email-login-form input.verification-code{letter-spacing:.35em;text-align:center;font-size:23px;font-weight:800}.email-login-form>button{color:#fff;background:linear-gradient(130deg,#805de6,#5a3bb7);border:0;border-radius:12px;min-height:46px;font-size:12px;font-weight:800;box-shadow:0 12px 24px #6243c32c}.email-login-form>button:disabled{cursor:not-allowed;opacity:.55}.email-login-form>button.text-button{color:#6c51bf;min-height:30px;box-shadow:none;background:0 0;font-size:10px}.login-message{color:#875630;background:#fff9f1;border:1px solid #f0d5bc;border-radius:11px;margin:14px 0 0;padding:11px 13px;font-size:10px;line-height:1.5}.login-message.success{color:#26774e;background:#f0faf4;border-color:#c9e8d5}.email-login-note{background:#f4faf7;border:1px solid #dce9e2;border-radius:12px;gap:9px;margin-top:19px;padding:12px 13px;display:flex}.email-login-note>span{color:#fff;background:#3e9b6d;border-radius:8px;flex:none;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.email-login-note p{color:#60786d;margin:0;font-size:9px;line-height:1.6}.email-login-card>footer{justify-content:space-between;gap:12px;margin-top:18px;display:flex}.email-login-card>footer a{color:#6749c7;font-size:9px;font-weight:800;text-decoration:none}.account-actions form{display:flex}.account-actions form button{border:1px solid var(--auth-line);color:#5d536c;width:100%;min-height:43px;font:inherit;cursor:pointer;background:#fff;border-radius:11px;font-size:10px;font-weight:800}@keyframes login-card-in{0%{opacity:0;transform:translateY(24px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes login-card-out{to{opacity:0;filter:blur(4px);transform:translateY(-22px)scale(.98)}}@media (max-width:620px){.email-login-card{border-radius:23px;padding:25px 19px}.email-login-copy{margin:32px 0 22px}.email-login-card>footer{gap:8px;display:grid}.login-orbit-a{right:-260px}.login-orbit-b{left:-300px}.email-login-form input.verification-code{font-size:20px}.account-actions form{min-height:43px}}.display-name-card{background:linear-gradient(145deg,#fbf9ff,#f5f1ff);border:1px solid #e3dcef;border-radius:17px;gap:15px;margin:17px 0;padding:18px;display:grid}.display-name-card p{color:#7659cc;letter-spacing:.14em;margin:0 0 5px;font-size:9px;font-weight:900}.display-name-card h2{margin:0;font-size:16px}.display-name-card>div>span{color:#777080;margin-top:5px;font-size:10px;line-height:1.55;display:block}.display-name-card form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:9px;display:grid}.display-name-card label{color:#5e556b;gap:6px;font-size:9px;font-weight:800;display:grid}.display-name-card input{color:#362b49;width:100%;font:inherit;background:#fff;border:1px solid #d8ceea;border-radius:10px;outline-color:#7654d3;padding:11px 12px;font-size:12px}.display-name-card button{color:#fff;min-height:39px;font:inherit;background:#6848c8;border:0;border-radius:10px;padding:0 13px;font-size:10px;font-weight:800}.display-name-card button:disabled{opacity:.6}.display-name-card>small{margin-top:-7px;font-size:9px;line-height:1.5}.display-name-card>small.success{color:#24754e}.display-name-card>small.error{color:#a6404d}.display-name-card>em{color:#857d91;font-size:8px;font-style:normal;line-height:1.55}@media (max-width:620px){.display-name-card{padding:15px}.display-name-card form{grid-template-columns:1fr}.display-name-card button{min-height:42px}}.identity-card .account-uid{color:#e2daf2;letter-spacing:.08em;font-size:9px}.membership-purchase-link{color:#6548c3;justify-self:start;font-size:10px;font-weight:800;line-height:1.4;text-decoration:none}.membership-purchase-link:hover{text-decoration:underline}.membership-purchase-link b{font-size:12px}.membership-card{background:linear-gradient(145deg,#faf8ff,#f2edff);border:1px solid #ddd3f4;border-radius:17px;gap:13px;margin:17px 0;padding:18px;display:grid}.membership-card p{color:#7659cc;letter-spacing:.14em;margin:0 0 5px;font-size:9px;font-weight:900}.membership-card h2{margin:0 0 5px;font-size:16px}.membership-card>div>span{color:#777080;font-size:10px;line-height:1.55;display:block}.membership-card form{grid-template-columns:minmax(0,1fr) auto;gap:9px;display:grid}.membership-card input{color:#362b49;width:100%;font:inherit;background:#fff;border:1px solid #d8ceea;border-radius:10px;outline-color:#7654d3;padding:11px 12px;font-size:12px}.membership-card button{color:#fff;min-height:39px;font:inherit;background:#6848c8;border:0;border-radius:10px;padding:0 13px;font-size:10px;font-weight:800}.membership-card button:disabled{opacity:.55}.membership-card>small{font-size:9px;line-height:1.5}.membership-card>small.success{color:#24754e}.membership-card>small.error{color:#a6404d}@media (max-width:620px){.membership-card{padding:15px}.membership-card form{grid-template-columns:1fr}.membership-card button{min-height:42px}}