.account{min-height:100dvh;padding:max(1.5rem, env(safe-area-inset-top)) 1.5rem max(1.75rem, env(safe-area-inset-bottom));background:radial-gradient(120% 60% at 50% 0%, #eca83a24, transparent 70%), var(--color-ground);color:var(--color-ink);flex-direction:column;justify-content:flex-end;gap:1.25rem;display:flex;position:relative;overflow:hidden}.account-plate{pointer-events:none;border:1px solid #eca83a47;border-radius:50%;width:24rem;height:24rem;position:absolute;top:-11rem;left:50%;transform:translate(-50%)}.account-plate:before,.account-plate:after{content:"";border-radius:50%;position:absolute}.account-plate:before{border:1px dashed #86c39a57;inset:1.4rem}.account-plate:after{background:#f7efe206;border:1px solid #f7efe21a;inset:4.6rem}.account>:not(.account-plate){position:relative}.account-kicker{color:var(--color-amber);letter-spacing:.09em;text-transform:uppercase;font-size:.75rem;font-weight:700}.account h1{font-family:var(--font-display);text-wrap:balance;font-size:clamp(2.75rem,13vw,3.75rem);font-weight:400;line-height:1.02}.account-lede{max-width:34ch;color:var(--color-ink-muted);font-size:1.0625rem;line-height:1.45}.account-form{flex-direction:column;gap:.875rem;display:flex}.account-field{flex-direction:column;gap:.4rem;font-size:.875rem;font-weight:600;display:flex}.account-field small{color:var(--color-ink-muted);font-size:.8125rem;font-weight:400}.account-field input{border:1px solid var(--color-line);border-radius:var(--radius-button);background:var(--color-ground-raised);min-height:3.25rem;color:var(--color-ink);padding:0 1rem;font-size:1.0625rem;font-weight:400}.account-field input:focus-visible,.account-button:focus-visible,.account-quiet:focus-visible{outline:2px solid var(--color-amber);outline-offset:2px}.account-button{border-radius:var(--radius-button);background:var(--color-amber);width:100%;min-height:3.5rem;color:var(--color-amber-ink);transition:transform .14s var(--ease-settle);justify-content:center;align-items:center;gap:.6rem;font-size:1.0625rem;font-weight:600;text-decoration:none;display:flex}.account-button:active{transform:scale(.975)}.account-button:disabled{opacity:.6}.account-button svg{flex:none;width:1.4rem;height:1.4rem}.account-button.secondary{border:1px solid var(--color-line);background:var(--color-ground-raised);color:var(--color-ink)}.account-quiet{border-radius:var(--radius-button);width:100%;min-height:2.75rem;color:var(--color-ink-muted);justify-content:center;align-items:center;font-size:.9375rem;text-decoration:none;display:flex}.account-note{border-radius:var(--radius-button);color:var(--color-ivy);background:#86c39a24;padding:.75rem 1rem;font-size:.9375rem;line-height:1.4}.account-note.problem{color:#ffb4a3;background:#e8583c29}.account.me{padding-top:max(3rem, calc(env(safe-area-inset-top) + 1.5rem));justify-content:flex-start}.account-section{border-top:1px solid var(--color-line);flex-direction:column;gap:.625rem;padding-top:1.25rem;display:flex}.account-section h2{font-family:var(--font-display);font-size:1.5rem;font-weight:400}.account-section p{color:var(--color-ink-muted);font-size:.9375rem;line-height:1.4}@media (prefers-reduced-motion:reduce){.account-button{transition:none}}
