.acc{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:0;border:1px solid var(--line2,rgba(255,255,255,.17));
  border-radius:20px;background:var(--bg2,#1f1b1b);color:var(--text,#F2F2F2);box-shadow:0 30px 80px rgba(0,0,0,.6)}
.acc::backdrop{background:rgba(10,8,8,.72);backdrop-filter:blur(6px)}
.acc-x{position:absolute;top:10px;right:12px;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:var(--muted,#A3A3A3);font-size:26px;line-height:1;cursor:pointer}
.acc-x:hover{background:rgba(255,255,255,.06);color:var(--text,#F2F2F2)}
.acc-form,.card{display:flex;flex-direction:column;gap:8px;padding:28px 24px 24px}
.acc h2,.card h1{font-family:var(--serif,'Cabinet Grotesk',system-ui,sans-serif);font-size:28px;line-height:1.1;margin:0 0 2px;letter-spacing:-.01em}
.acc-lede{margin:0 0 10px;color:var(--muted,#A3A3A3)}
.acc label,.acc-label,.card label{font-size:14px;font-weight:600;margin:6px 0 0}
.acc input[type=email],.acc input[type=password],.acc input[type=text],.acc textarea,.card input[type=email],.card input[type=password],.card input[type=text]{width:100%;min-height:48px;padding:12px 14px;border-radius:12px;
  border:1px solid var(--line2,rgba(255,255,255,.17));background:rgba(30,30,30,.9);color:var(--text,#F2F2F2);font:inherit;font-size:16px}
.acc input,.acc textarea{flex:none}  
.acc textarea{min-height:84px;resize:vertical}
.acc input:focus,.acc textarea:focus,.card input:focus{outline:none;border-color:rgba(255,255,255,.5);box-shadow:0 0 0 4px rgba(255,255,255,.08)}
.acc-hint{margin:0;font-size:13px;color:var(--dim,#8A8A8A)}
.acc-radios{display:flex;flex-wrap:wrap;gap:8px}
.acc-radio{display:flex;align-items:center;gap:8px;min-height:44px;margin:0;padding:8px 14px;border:1px solid var(--line2,rgba(255,255,255,.17));
  border-radius:999px;cursor:pointer;font-weight:500}
.acc-radio input{accent-color:var(--red,#FF1A1A);margin:0}
.acc-radio:has(input:checked){border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.06)}
.acc-msg{min-height:22px;margin:4px 0 0;font-size:14px;color:var(--muted,#A3A3A3)}
.acc-msg:empty{min-height:0;margin:0}
.acc-msg.err{color:#ff8a8a}
.acc-msg.ok{color:#9be3a6}
.acc-go{min-height:48px;margin-top:4px;border:0;border-radius:12px;background:#fff;color:#0a0a0a;font:inherit;font-weight:700;cursor:pointer}
.acc-go:hover{background:#ececec}
.acc-go:disabled{opacity:.6;cursor:default}


.page{min-height:100dvh;display:grid;grid-template-rows:1fr auto;padding:0;margin:0;color:var(--text);font-family:var(--sans);line-height:1.6;background:var(--bg)}
.page>main.card{align-self:center;justify-self:center;margin:120px 16px 72px}
.page *,.acc *{box-sizing:border-box}
.page .card form{display:flex;flex-direction:column;gap:8px;margin:0}
.page .card{width:min(540px,calc(100% - 32px));padding:36px 36px 28px;border-radius:var(--r-frame);border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(180deg,rgba(24,22,24,.92),rgba(13,13,14,.96));box-shadow:0 40px 120px -40px rgba(255,26,26,.28),0 1px 0 rgba(255,255,255,.06) inset}
.page .lockup{display:block;width:112px;margin:0 auto 26px}
.page .lockup img{display:block;width:100%;height:auto}
.page .eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 auto 14px;font-size:13px;color:var(--muted);padding:6px 14px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line2);background:rgba(255,255,255,.03);width:max-content}
.page .eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 10px var(--red)}
.page .card h1{font:400 clamp(38px,7vw,52px)/1 var(--serif);letter-spacing:-.02em;margin:0 0 12px}
.page .card p{margin:0;color:var(--muted,#A1A1AA);font-size:16px}
.page .card a{color:var(--text,#F4F4F5)}
.page .steps{list-style:none;margin:22px 0 4px;padding:18px 0 0;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:14px}
.page .steps li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;color:var(--muted,#A1A1AA);font-size:15px}
.page .steps b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,26,26,.5);color:var(--text,#F4F4F5);font-size:13px}
.page .btn-red,.page .card button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;margin-top:18px;padding:0 24px;
  border:0;border-radius:999px;background:var(--red,#FF1A1A);color:#fff;font:600 15px/1 var(--sans,'Neue Haas Text',system-ui,sans-serif);text-decoration:none;cursor:pointer;
  box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 10px 40px -8px rgba(255,26,26,.7)}
.page .btn-red:hover,.page .card button:hover{background:#ff2e2e}
.page .card button:disabled{opacity:.6;cursor:default}
.page .back{margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);font-size:14px}
.page .back a{color:var(--muted,#A1A1AA);text-decoration:none}
.page .back a:hover{color:var(--text,#F4F4F5)}

.page .card .state,.page .card .state .eyebrow,.page .card form>.eyebrow,.page .card form>h1,.page .card form>h1+p{text-align:center}
.page .card .state p{max-width:40ch;margin-left:auto;margin-right:auto}
.page .card .state .steps{text-align:left}
.page .card .back{text-align:center}
.page .card .state .note{margin-top:18px;font-size:14px;color:var(--dim,#71717A)}
.page .card .state .btn-red,.page .card .state button{margin-top:22px}

.page .acc-links{display:flex;justify-content:center;gap:22px;margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);font-size:14px}
.page .acc-links a{color:var(--muted,#A1A1AA);text-decoration:none}
.page .acc-links a:hover{color:var(--text,#F4F4F5)}

.page .acc-wait{display:grid;place-items:center;gap:14px;min-height:120px;color:var(--dim,#71717A);font-size:14px}
.page .spin{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.12);border-top-color:#FF1A1A;animation:accspin .8s linear infinite}
@keyframes accspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.page .spin{animation-duration:2.4s}}
.page [hidden]{display:none!important}
@media (max-width:480px){.page .card{padding:28px 22px 22px}}


.acc-google{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;margin-top:4px;border:1px solid var(--line2,rgba(255,255,255,.17));
  border-radius:12px;background:transparent;color:var(--text,#F2F2F2);font:inherit;font-weight:600;cursor:pointer}
.acc-google:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.4)}
.acc-google:disabled{opacity:.6;cursor:default}
.acc-or{display:flex;align-items:center;gap:12px;margin:10px 0 2px;font-size:13px;color:var(--dim,#8A8A8A)}
.acc-or::before,.acc-or::after{content:"";flex:1;height:1px;background:var(--line2,rgba(255,255,255,.17))}
.acc-kinds .acc-radio{min-height:40px;padding:6px 12px;font-size:14px}
.acc-kinds input{accent-color:var(--red,#FF1A1A);margin:0}
#acc-other{margin-top:2px}
.acc-foot{margin:6px 0 0;text-align:center;font-size:14px;color:var(--muted,#A3A3A3)}
.acc-foot a{color:var(--text,#F2F2F2)}
.card .acc-radios{margin-bottom:4px}
.page .card .acc-google{margin-top:8px;background:transparent;color:var(--text,#F4F4F5);border:1px solid rgba(255,255,255,.17);box-shadow:none}
.page .card .acc-google:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.4)}
.acc-pwrow{position:relative}
.acc-pwrow input{padding-right:48px!important}
.acc-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:10px;background:transparent;color:var(--muted,#A3A3A3);cursor:pointer;display:grid;place-items:center}
.acc-eye:hover{color:var(--text,#F2F2F2);background:rgba(255,255,255,.06)}
.acc-eye[aria-pressed="true"]{color:var(--text,#F2F2F2)}


.page .acct{display:grid;gap:0;margin:8px 0 4px;border-top:1px solid rgba(255,255,255,.08)}
.page .acct div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.page .acct dt{color:var(--dim,#8A8A8A);font-size:14px}
.page .acct dd{margin:0;color:var(--text,#F4F4F5);font-size:15px;overflow-wrap:anywhere}
.page .acct-sec{margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}
.page .acct-sec h2{font:400 26px/1.1 var(--serif);margin:0 0 8px;color:var(--text,#F4F4F5)}
.page .card .btn-quiet{background:transparent;border:1px solid rgba(255,255,255,.2);box-shadow:none;color:var(--text,#F4F4F5)}
.page .card .btn-quiet:hover{background:rgba(255,255,255,.06)}
.page .card .btn-danger{background:transparent;border:1px solid rgba(255,90,90,.55);box-shadow:none;color:#ff8a8a}
.page .card .btn-danger:hover{background:rgba(255,40,40,.12)}
.page .card .btn-danger:disabled:hover{background:transparent}
.page .acct-row{display:flex;gap:10px;flex-wrap:wrap}
.page .acct-danger p{font-size:15px}
.page .card > .btn-red{align-self:flex-start}
@media (max-width:480px){.page .acct div{grid-template-columns:1fr;gap:2px}}
.page .card form .btn-quiet,.page .card .acct-sec > .btn-danger{align-self:flex-start}
.page .acct-sec .acc-msg:empty{min-height:0;margin:0}
#del-confirm{display:flex;flex-direction:column;gap:8px;margin-top:16px}


.page footer{margin-top:0}
.page .eyebrow{display:flex}
.page .card .acct-kinds{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0}
.page .acct-sec label{font-weight:500}