.account-page{max-width:1200px;padding-bottom:48px}.account-hero{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:44px 46px;position:relative;overflow:hidden;background:linear-gradient(120deg,rgba(118,73,223,.16),rgba(11,21,41,.96) 58%,rgba(34,158,210,.10));border:1px solid rgba(135,140,205,.18)}.account-hero>div{position:relative;z-index:1;max-width:820px}.account-hero h1{font-size:clamp(30px,4.7vw,58px);line-height:1.1;letter-spacing:-1.7px;margin:14px 0 20px;overflow-wrap:anywhere}.account-hero h1 b{background:linear-gradient(90deg,#ad8bff,#6addff);background-clip:text;-webkit-background-clip:text;color:transparent}.account-hero p{color:#afbbd5;line-height:1.7;max-width:680px}.account-hero-crown{width:132px;height:132px;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 14px 26px rgba(92,104,255,.22))}.account-user-picture{border-radius:26px;object-fit:cover}.account-hero-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.account-hero-chips span{font-size:12px;color:#cbd6ed;background:rgba(18,28,50,.65);border:1px solid rgba(132,144,199,.14);padding:8px 12px;border-radius:999px}.account-login-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.account-provider-card{--account-accent:#8ca0ff;--account-glow:rgba(114,138,255,.11);padding:27px;display:flex;flex-direction:column;min-width:0;border:1px solid rgba(128,146,202,.18);border-radius:22px;background:linear-gradient(145deg,var(--account-glow),rgba(10,18,36,.98) 72%);transition:transform .18s,border-color .18s}.account-provider-card:hover{transform:translateY(-3px);border-color:var(--account-accent)}.provider-twitch{--account-accent:#b38aff;--account-glow:rgba(146,70,240,.14)}.provider-tiktok{--account-accent:#76dbe9;--account-glow:rgba(65,188,194,.12)}.account-provider-icon{display:grid;place-items:center;width:66px;height:66px;border:1px solid rgba(144,161,206,.16);background:rgba(11,19,36,.6);border-radius:20px}.account-provider-icon img{width:39px;height:39px;object-fit:contain}.account-provider-card h2{font-size:24px;margin:22px 0 10px}.account-provider-card p{color:#a9b7d0;font-size:14px;line-height:1.75;flex:1;margin:0 0 25px;overflow-wrap:anywhere}.account-provider-button{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;min-height:52px;border-radius:13px;color:#f6f7ff;text-decoration:none;border:1px solid rgba(167,171,223,.18);background:linear-gradient(110deg,rgba(106,68,209,.69),rgba(37,81,141,.53));font-weight:700;font-size:14px;transition:filter .18s}.account-provider-button:hover{filter:brightness(1.2)}.account-provider-button img{width:25px;height:25px}.account-provider-button:focus-visible,.account-unlink:focus-visible,.account-other-login:focus-visible{outline:2px solid #79daff;outline-offset:4px}.account-provider-unavailable{display:block;color:#a6aec5;background:rgba(110,125,159,.08);border:1px solid rgba(133,147,180,.10);border-radius:12px;padding:16px;font-size:13px}.account-existing{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:26px 30px;margin-top:24px}.account-existing h2{font-size:18px;margin:0 0 10px}.account-existing p{color:#a5b4cf;font-size:14px;line-height:1.8;margin:5px 0;max-width:810px}.account-existing>a{white-space:nowrap;font-size:13px;color:#9aafff}.account-terms{font-size:12px;line-height:1.9;text-align:center;color:#8191b0;margin-top:24px}.account-terms a{color:#a2b5ef}.account-notice{padding:17px 23px;border-radius:15px;background:rgba(175,134,50,.10);border:1px solid rgba(217,171,79,.22);color:#eddaab;margin:23px 0;line-height:1.75;font-size:14px}.account-notice.success{background:rgba(49,177,136,.09);border-color:rgba(73,201,163,.19);color:#aff3d7}.account-provider-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.account-connection-status{font-size:11px;color:#91a1bc;border-radius:999px;border:1px solid rgba(118,142,178,.2);padding:7px 9px;white-space:nowrap}.account-connection-status.connected{color:#97e3c3;background:rgba(46,175,126,.09);border-color:rgba(65,198,151,.18)}.account-provider-actions{display:grid;gap:10px;margin-top:16px}.account-unlink{border:1px solid rgba(150,155,186,.18);color:#a7b5cd;background:rgba(29,39,61,.35);font:inherit;font-size:12px;padding:12px;border-radius:11px;cursor:pointer}.account-unlink:not(:disabled):hover{color:#ffc0cb;border-color:rgba(236,111,141,.35)}.account-unlink:disabled{opacity:.6;cursor:default}.account-method-details{display:flex;flex-wrap:wrap;gap:7px;min-height:54px}.account-method-details span{font-size:11px;border:1px solid rgba(145,149,203,.13);border-radius:7px;padding:6px 8px;color:#9caccc;align-self:start}.provider-entry-page .account-provider-button{max-width:340px;margin-top:26px}.account-other-login{display:block;margin-top:18px;color:#a8b9e0;font-size:13px}.owner-account-link{display:inline-flex;padding:8px 11px;border:1px solid rgba(153,169,212,.18);border-radius:9px;font-size:12px;color:#c5d4f1;text-decoration:none}.account-dashboard-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 20px;padding:20px 24px}.account-dashboard-strip p{margin:5px 0 0;color:#98a8c4;font-size:13px;line-height:1.6}.account-dashboard-strip>a{color:#aebfff;white-space:nowrap;font-size:13px}.account-login-gate{padding:32px}.account-login-gate p{color:#a6b5cc;line-height:1.8}.account-login-gate img{width:64px;height:64px;object-fit:contain}.account-login-gate a{margin-top:18px;max-width:340px}.last-login-hint{display:block;color:#9cacc8;line-height:1.7;margin-top:16px;font-size:12px}.login-page .account-provider-card h2{margin-top:22px}
@media(max-width:900px){.account-hero{padding:34px}.account-hero-crown{width:104px;height:104px}.account-provider-card{padding:23px}.account-provider-card-head{flex-wrap:wrap}.account-connection-status{font-size:10px}}
@media(max-width:700px){.account-login-grid{grid-template-columns:1fr;gap:15px}.account-hero{padding:28px 24px;gap:14px}.account-hero-crown{position:absolute;width:150px;height:150px;right:-40px;top:12px;opacity:.12}.account-hero>div{max-width:100%}.account-hero h1{letter-spacing:-1px;margin:13px 0 18px}.account-hero p{font-size:14px}.account-provider-card{padding:24px}.account-provider-card h2{font-size:22px}.account-provider-card-head{flex-wrap:nowrap}.account-existing{align-items:flex-start;flex-direction:column;padding:24px;gap:13px}.account-dashboard-strip{align-items:flex-start;flex-direction:column;gap:12px}.account-method-details{min-height:0}.account-provider-card p{margin-bottom:19px}.provider-entry-page .account-provider-button{max-width:none}.account-terms{text-align:left}.account-user-picture{opacity:.2}}
@media(prefers-reduced-motion:reduce){.account-provider-card,.account-provider-button{transition:none}.account-provider-card:hover{transform:none}}