/* drivergence.com/account (server/account.js), on the site's own tokens */
.acct-main { max-width: 720px; margin: 0 auto; padding: 96px var(--gut) 48px; }
.acct-main h1 { font-size: clamp(26px, 6vw, 40px); font-weight: 900; color: #fff; text-shadow: 0 0 18px rgba(48,232,255,0.5); overflow-wrap: anywhere; }
.acct-main .lede { color: #cfcbef; margin-bottom: 18px; }
.acct-sec { margin-top: 16px; padding: 20px 22px; background: rgba(13,8,32,0.75); border: 1px solid rgba(48,232,255,0.18); border-left: 3px solid var(--cyan); }
.acct-sec h2 { font-size: 13px; letter-spacing: 4px; color: var(--cyan); font-weight: 700; margin-bottom: 8px; }
.acct-sec p { margin: 8px 0 0; }
.acct-big { font-family: var(--display); font-size: 18px; letter-spacing: 1px; color: #fff; overflow-wrap: anywhere; }
.acct-note { color: var(--mute); font-size: 15px; }
.acct-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 14px; }
.acct-row .acct-note { flex-basis: 100%; margin: 0; }
.acct-tag { display: inline-block; vertical-align: middle; margin-left: 8px; padding: 2px 8px; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; border: 1px solid var(--line); }
.acct-tag.ok { color: var(--lime); border-color: rgba(92,255,138,0.5); }
.acct-tag.warn { color: var(--amber); border-color: rgba(255,176,32,0.5); }
.gold { color: #ffd24f !important; text-shadow: 0 0 10px rgba(255,210,79,0.45); }
.acct-more { margin-top: 12px; }
.acct-more summary { cursor: pointer; font-family: var(--display); font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: var(--cyan); }
.acct-form { display: grid; gap: 10px; margin-top: 12px; max-width: 440px; }
.acct-form .btn { justify-self: start; }
.acct-f { display: grid; gap: 4px; }
.acct-f span { font-size: 14px; color: var(--mute); }
.acct-f input { width: 100%; padding: 12px 14px; font: 600 17px var(--body); color: var(--ink); background: rgba(10,6,24,0.85); border: 1px solid var(--line); outline: none; }
.acct-f input:focus { border-color: var(--cyan); box-shadow: 0 0 16px rgba(48,232,255,0.35); }
.acct-err { min-height: 0; color: var(--pink); font-family: var(--display); font-size: 12px; letter-spacing: 1px; }
.acct-err:empty { display: none; }
.acct-msg { display: none; position: sticky; bottom: 16px; margin-top: 18px; padding: 12px 16px; background: rgba(7,4,15,0.95); border: 1px solid var(--cyan); color: #fff; font-family: var(--display); font-size: 13px; letter-spacing: 1px; }
.acct-msg.on { display: block; }
.acct-msg.bad { border-color: var(--pink); color: var(--pink); }
.acct-sec .btn { margin: 0; }