.auth{display:flex;align-items:center;justify-content:center;padding:24px var(--gutter) 64px;min-height:calc(100svh - 76px)}.auth-card{width:100%;max-width:440px}.auth-card.wide{max-width:640px}.auth-mark{width:44px;height:44px;margin-bottom:22px}.auth h1{font-size:2rem;letter-spacing:-.02em}.auth .lead{margin-top:10px;font-size:1.02rem}.auth .lead+.lead{margin-top:14px}.auth form{margin-top:28px}.auth .notice{margin-top:20px}.auth-links{margin-top:26px;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.95rem;color:var(--mist)}.auth-links a{color:var(--paper)}.state[hidden]{display:none}.progress-dots{display:inline-flex;gap:6px;margin-left:10px;vertical-align:middle}.progress-dots i{width:6px;height:6px;border-radius:50%;background:var(--lime);animation:blink 1.2s ease-in-out infinite}.progress-dots i:nth-child(2){animation-delay:.2s}.progress-dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}@media(prefers-reduced-motion:reduce){.progress-dots i{animation:none;opacity:.7}}.account-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px}.account-status{position:relative;margin-top:22px;padding:22px 24px;border-radius:20px;border:1px solid var(--line);background:var(--panel);display:grid;gap:6px;--rule-inset: 20px}.account-status.is-expired:before{content:"";position:absolute;left:0;top:var(--rule-inset);bottom:var(--rule-inset);width:3px;border-radius:999px;background:var(--danger)}.account-status .label{display:block}.account-until{font-size:1.4rem;font-weight:700;letter-spacing:-.01em}.account-email{color:var(--mist)}.account-actions{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}.account-section{margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}.account-section h2{font-size:1.25rem}.account-section p{margin-top:8px;color:var(--mist)}.renew{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.renew-plan{padding:18px;border-radius:16px;border:1px solid var(--line);background:var(--panel);display:grid;gap:10px}.renew-plan strong{font-size:1.3rem;letter-spacing:-.02em}.renew-plan .muted{font-size:.9rem}.renew-terms{margin-top:12px}.auth .check+.notice{margin-top:12px}.purchases{margin:14px 0 0;padding:0;list-style:none;font-size:.95rem;color:var(--mist)}.purchases li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.purchases .mono{color:var(--paper)}.account-links{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}@media(max-width:520px){.renew{grid-template-columns:1fr}}
