.account-page { --page:#070e16; --cyan:#63e0e8; --muted:#a6b9c7; --max:1240px; min-height:100svh; display:flex; flex-direction:column; background:radial-gradient(ellipse at 80% 12%,#12303b80,transparent 42%),var(--page); font-size:16px; line-height:1.6; }
.account-page :focus-visible { outline:3px solid var(--cyan); outline-offset:5px; }
.account-shell { width:min(calc(100% - 80px),var(--max)); margin:0 auto; padding:68px 0 48px; flex:1; }
.account-intro { margin-bottom:42px; }
.account-eyebrow { color:var(--cyan); font-size:11px; letter-spacing:.19em; font-weight:750; margin:0 0 20px; }
.account-intro h1 { font-size:clamp(38px,3.8vw,58px); line-height:1.12; letter-spacing:-.045em; margin:0 0 22px; font-weight:700; }
.account-intro h1 span { color:#9ee8e8; }
.account-intro > p:last-child { color:var(--muted); font-size:17px; margin:0; }
.account-grid { display:grid; grid-template-columns:1.15fr 1fr; align-items:stretch; gap:24px; }
.account-card { border:1px solid #2a3c49; border-radius:20px; background:#0f1a24; overflow:hidden; }
.account-card h2 { font-size:28px; line-height:1.25; letter-spacing:-.025em; margin:0 0 14px; }
.account-card p { color:var(--muted); margin:0; }
.account-icon { display:inline-flex; align-items:center; justify-content:center; width:48px; height:48px; flex:none; border:1px solid #3d6770; border-radius:14px; color:#92e5e8; background:#19323c; }
.account-icon svg { width:25px; height:25px; }
.billing-card { padding:34px 38px 0; background:radial-gradient(ellipse at 100% 0%,#1a3d4770,transparent 55%),#101d27; border-color:#365966; box-shadow:0 18px 55px #0002; }
.billing-heading { display:flex; align-items:center; gap:17px; margin-bottom:26px; }
.stripe-label { color:#9ac1cd; font-size:11px; font-weight:650; letter-spacing:.12em; }
.billing-card .card-lead { max-width:440px; font-size:16px; }
.billing-features { list-style:none; padding:0; margin:26px 0 30px; }
.billing-features li { display:flex; align-items:center; gap:13px; padding:9px 0; color:#d6e2e9; font-size:15px; }
.billing-features svg { width:20px; height:20px; color:#89aebc; flex:none; }
.account-primary { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:56px; padding:15px 22px; border-radius:10px; background:#75e1e5; color:#05212b; text-decoration:none; font-size:16px; font-weight:750; transition:background .15s; }
.account-primary svg { width:22px; height:22px; flex:none; }
.account-primary:hover { background:#a0f1f3; }
.billing-card .account-primary { margin-top:26px; }
.billing-card .billing-signin { font-size:13px; line-height:1.65; margin:15px 0 27px; max-width:400px; color:#93abb9; }
.billing-footer { display:flex; align-items:center; justify-content:center; gap:8px; padding:18px 12px; margin:0 -38px; border-top:1px solid #2c434f; background:#07131c45; color:#91a9b7; font-size:12px; }
.billing-footer svg { width:15px; height:15px; }
.billing-footer strong { color:#c4d5df; font-weight:700; }
.account-side { display:grid; grid-template-rows:1fr auto; gap:24px; }
.server-card { padding:32px 34px; }
.server-card .account-icon { margin-bottom:25px; border-color:#3e4c64; background:#202a3c; color:#bac5ed; }
.server-card > p { max-width:405px; font-size:15px; }
.server-step { display:flex; gap:13px; padding:18px 20px; margin-top:25px; border:1px solid #293c49; border-radius:10px; background:#0a141d; }
.server-step > span { color:#90b8c7; font-size:24px; line-height:1.2; }
.server-step p { font-size:13px; }
.server-step strong { color:#d5e4ed; font-weight:600; }
.help-card { padding:26px 34px; }
.help-card h2 { font-size:21px; margin-bottom:8px; }
.help-card p { font-size:14px; max-width:390px; }
.help-card a { display:inline-flex; gap:10px; align-items:center; min-height:44px; margin-top:10px; color:#8ce1e7; text-decoration:none; font-size:15px; font-weight:600; }
.help-card a:hover { text-decoration:underline; text-underline-offset:4px; }
.help-card svg { width:18px; height:18px; }
.account-notes { display:grid; grid-template-columns:1.15fr 1fr; gap:40px; margin-top:29px; padding:0 8px; }
.account-notes > div { display:flex; align-items:flex-start; gap:12px; }
.account-notes svg { width:20px; height:20px; flex:none; margin-top:3px; color:#6f919f; }
.account-notes p { font-size:13px; color:#8fa6b5; margin:0; }
.account-notes strong { color:#c3d3de; font-weight:550; }
.account-page .site-footer { background:#050c13; border-color:#1b2c37; }
.account-page .footer-inner { width:min(calc(100% - 80px),var(--max)); min-height:95px; }
.account-page .footer-copy { display:flex; gap:20px; font-size:12px; }
.account-page .footer-copy span:last-child { color:#728b9b; }
.account-page .footer-links a { font-size:12px; color:#9bb0bd; }
@media(max-width:950px) {
  .account-shell { width:calc(100% - 48px); padding-top:48px; }
  .account-grid { gap:18px; grid-template-columns:1.1fr 1fr; }
  .billing-card { padding:28px 26px 0; }
  .billing-footer { margin-inline:-26px; }
  .server-card,.help-card { padding:26px; }
  .account-card h2 { font-size:25px; }
  .help-card h2 { font-size:20px; }
  .account-side { gap:18px; }
  .account-notes { gap:24px; }
}
@media(max-width:700px) {
  .account-shell { width:calc(100% - 40px); padding:36px 0 38px; }
  .account-intro { margin-bottom:30px; }
  .account-intro h1 { font-size:clamp(33px,7.5vw,46px); }
  .account-intro > p:last-child { font-size:15px; max-width:440px; }
  .account-eyebrow { margin-bottom:15px; }
  .account-grid,.account-notes { grid-template-columns:1fr; }
  .account-card { border-radius:16px; }
  .billing-card { padding:26px 24px 0; }
  .billing-heading { margin-bottom:22px; }
  .billing-features { margin:22px 0; }
  .billing-footer { margin-inline:-24px; }
  .account-side { grid-template-rows:auto auto; }
  .server-card,.help-card { padding:26px 24px; }
  .account-notes { gap:20px; padding:0 4px; }
  .account-page .footer-inner { width:calc(100% - 40px); padding:26px 0; gap:18px; }
  .account-page .footer-copy { flex-direction:column; gap:5px; }
}
@media(max-width:360px) {
  .account-shell { width:calc(100% - 32px); }
  .billing-card { padding:24px 20px 0; }
  .billing-footer { margin-inline:-20px; }
  .billing-features li { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) { .account-primary { transition:none; } }

/* Premium account and early-supporter signup */
.account-page{--page:#04091a;--panel:#0b1730;--cyan:#35eee9;--violet:#9b63ff;--pink:#ec5bff;--muted:#aabbd8;background:#04091a;color:#f5f8ff}
.account-page:before{content:"";position:fixed;z-index:-2;inset:0;background:radial-gradient(circle at 9% 21%,#155bc940 0,transparent 33%),radial-gradient(circle at 91% 28%,#a23ed237 0,transparent 30%),radial-gradient(circle at 52% 92%,#087f9140 0,transparent 33%),linear-gradient(145deg,#030717,#07132c 54%,#070a1a)}
.account-page .site-header{background:#050b1ad9;border-color:#263c69;backdrop-filter:blur(18px)}
.account-shell{position:relative;isolation:isolate;width:min(calc(100% - 70px),1240px);padding:74px 0 58px}
.account-aurora{position:absolute;z-index:-1;width:540px;height:540px;border-radius:50%;filter:blur(95px);opacity:.24;pointer-events:none}.account-aurora-one{top:65px;left:-330px;background:#1e8fff}.account-aurora-two{top:210px;right:-360px;background:#bd4dff}
.account-intro{max-width:850px;margin:0 auto 42px;text-align:center}.account-welcome{display:inline-flex;gap:8px;margin:0 0 22px;padding:9px 22px;border:1px solid transparent;border-radius:999px;background:linear-gradient(#101b38,#101b38) padding-box,linear-gradient(100deg,#ec5bff,#8466ff 50%,#35eee9) border-box;box-shadow:inset 0 0 20px #823eff24,0 0 28px #29deea30;font-size:11px;font-weight:900;letter-spacing:3px}.account-welcome span:nth-child(1){color:#f58bff;text-shadow:0 0 14px #e85bffa0}.account-welcome span:nth-child(2){color:#aa8fff}.account-welcome span:nth-child(3){color:#49f5ef;text-shadow:0 0 14px #35eee99c}
.account-intro h1{margin:0 0 19px;font-size:clamp(46px,5vw,72px);line-height:1;letter-spacing:-.055em}.account-intro h1 span{color:#45ebe8;text-shadow:0 0 30px #27cddc4d}.account-intro>p:last-child{max-width:760px;margin:0 auto;color:#b9c8e2;font-size:18px}
.signup-message{margin:0 auto 26px;max-width:920px;padding:16px 20px;border:1px solid #49658e;border-radius:14px;background:#0c1933e8;color:#cfddf2;text-align:center;box-shadow:0 14px 38px #0004}.signup-message.success{border-color:#37d6bd;color:#b9fff1;background:#0b292ce8}
.support-card{display:grid;grid-template-columns:1.25fr .75fr;gap:34px;align-items:stretch;margin-bottom:24px;border:1px solid #347fd5;border-radius:24px;background:radial-gradient(circle at 85% 10%,#713dc14a,transparent 38%),radial-gradient(circle at 0 100%,#0b8fa943,transparent 38%),linear-gradient(135deg,#0a1d3bf5,#10112ff3);box-shadow:0 30px 85px #0008,0 0 44px #3079d42b;overflow:hidden}.support-copy{padding:44px 46px}.account-eyebrow{margin:0 0 14px;color:#45eee8;font-size:11px;font-weight:850;letter-spacing:.19em}.support-copy h2{margin:0 0 15px;font-size:clamp(34px,3.3vw,50px);line-height:1.05;letter-spacing:-.04em}.support-copy>p{max-width:700px;margin:0;color:#b7c6df;font-size:17px}.support-disclosure{margin-top:24px;padding:16px 18px;border:1px solid #4d5d8a;border-radius:13px;background:#080f27a8;color:#aebeda;font-size:13px}.support-disclosure strong{color:#ffd07a}
.support-offer{display:flex;flex-direction:column;justify-content:center;padding:40px;background:linear-gradient(155deg,#0d3c5af2,#1d1b55f4);border-left:1px solid #4774a6}.support-price{display:flex;align-items:baseline;margin-bottom:7px;color:white}.support-price sup{font-size:30px;font-weight:850}.support-price strong{font-size:83px;line-height:.9;letter-spacing:-.07em}.support-price span{margin-left:10px;color:#c0d0e6}.support-offer>p{margin:0 0 22px;color:#c2d3e9;font-size:14px}.support-offer small{margin-top:12px;color:#91a9ca;font-size:11px;line-height:1.5}
.account-primary,.account-secondary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:12px 20px;border-radius:13px;text-decoration:none;font-weight:850;transition:transform .2s,filter .2s,box-shadow .2s}.account-primary{border:1px solid #5afff4;background:linear-gradient(100deg,#20e4df,#3d8dff 58%,#925cff);color:#07132a;box-shadow:0 12px 34px #278ee84f}.account-start{justify-content:flex-start;gap:13px;padding:13px 17px}.account-google{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;background:#fff;color:#4285f4;font:900 18px/1 Arial,sans-serif;box-shadow:0 5px 16px #163f8a45}.account-start-copy{display:flex;min-width:0;flex:1;flex-direction:column;align-items:flex-start;gap:1px;line-height:1.22}.account-start-copy strong{font-size:16px}.account-start-copy small{margin:0;color:#07132abf;font-size:11px;font-weight:750}.account-primary svg{width:22px;flex:none}.account-primary:hover,.account-secondary:hover{transform:translateY(-2px);filter:brightness(1.08)}
.account-grid{grid-template-columns:1.08fr .92fr;gap:24px}.account-card{border-color:#2f4d7a;background:linear-gradient(145deg,#0b1933eb,#0b1229ed);box-shadow:0 18px 48px #0005;transition:transform .22s,border-color .22s,box-shadow .22s}.account-card:hover{transform:translateY(-5px);border-color:#638ada;box-shadow:0 26px 64px #0008,0 0 28px #4677d322}.account-card h2{font-size:29px}.account-icon{width:52px;height:52px;border-color:#2edee7;background:#0c3d5b;color:#55f6ef;box-shadow:0 0 22px #20d8e52f}.billing-card{padding:34px 38px 0;background:radial-gradient(circle at 90% 5%,#1e87bd35,transparent 40%),linear-gradient(145deg,#09203ced,#0b142ded);border-color:#258dc0}.billing-heading{margin-bottom:24px}.stripe-label{color:#65eceb;font-weight:800}.billing-features{margin:24px 0}.billing-features li{border-bottom:1px solid #24405c}.feature-check{display:grid;place-items:center;width:22px;height:22px;border:1px solid #36dccc;border-radius:50%;color:#58f8e5;font-size:12px}.account-secondary{border:1px solid #9f76ff;background:linear-gradient(100deg,#5937c7,#7f4ee1 58%,#a657ed);color:#fff;box-shadow:0 10px 29px #7143d74a}.billing-footer{margin-top:28px;border-color:#2a4362;background:#06112787}
.server-card .account-icon{border-color:#ff6f94;background:#511c3a;color:#ff91ab;box-shadow:0 0 22px #ff477743}.server-step{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px;border-color:#334a72;border-radius:13px;background:#071126}.server-step>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#315fd8;color:white;font-size:11px;font-weight:850}.server-step p{font-size:11px;line-height:1.3}.help-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.help-card a{color:#4beee8;white-space:nowrap}.account-notes{grid-template-columns:1fr 1fr;gap:28px}.account-notes p{color:#91a6c6;font-size:12px}.account-page .site-footer{background:#030817d9;border-color:#1d3158}.account-page .footer-inner{width:min(calc(100% - 70px),1240px)}
@media(max-width:900px){.support-card,.account-grid{grid-template-columns:1fr}.support-offer{border-left:0;border-top:1px solid #4774a6}.account-shell{width:calc(100% - 44px)}}
@media(max-width:620px){.account-shell{width:calc(100% - 30px);padding-top:46px}.account-intro h1{font-size:42px}.account-intro>p:last-child{font-size:15px}.support-copy,.support-offer{padding:28px 24px}.billing-card{padding:28px 24px 0}.billing-footer{margin-inline:-24px}.server-card,.help-card{padding:26px 24px}.help-card{align-items:flex-start;flex-direction:column}.server-step{grid-template-columns:auto 1fr}.account-notes{grid-template-columns:1fr}}
@media(hover:none){.account-card:hover{transform:none}}