@import "./tokens.css";body[data-scope=account-security]{min-height:100dvh;color:var(--text-primary);background:var(--bg-primary)}.account-security{width:min(760px,100vw - 2rem);margin:0 auto;padding:clamp(5rem,12vw,8rem) 0 clamp(4rem,10vw,6rem)}.account-security__eyebrow{color:var(--accent-red);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .75rem;font-size:.875rem;font-weight:700}.account-security__title{font-family:var(--font-display);margin:0;font-size:clamp(2.25rem,8vw,4rem);line-height:.98}.account-security__intro{max-width:62ch;color:var(--text-secondary);margin:1rem 0 2rem;line-height:1.6}.account-security__card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl,1rem);gap:1.25rem;padding:clamp(1.25rem,4vw,2rem);display:grid}.account-security__status{min-height:1.5rem;color:var(--text-secondary);margin:0}.account-security__status[data-kind=success]{color:var(--state-success)}.account-security__status[data-kind=error]{color:var(--state-error)}.account-security__form,.account-security__verify{gap:1rem;display:grid}.account-security label{color:var(--text-primary);gap:.5rem;font-weight:650;display:grid}.account-security input{width:100%;min-height:2.75rem;color:var(--text-primary);background:var(--surface);border:1px solid var(--border-default);border-radius:var(--radius-md,.5rem);font:inherit;padding:.625rem .75rem}.account-security input:focus-visible,.account-security button:focus-visible,.account-security a:focus-visible{outline:var(--focus-ring-offset) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.account-security__key{background:var(--surface);border-left:3px solid var(--accent-red);gap:.5rem;padding:1rem;display:grid}.account-security__key code{overflow-wrap:anywhere;color:var(--text-primary);font-family:var(--font-mono);font-size:1rem}.account-security__action{min-height:2.75rem;color:var(--text-primary);background:var(--accent-red);border-radius:var(--radius-md,.5rem);cursor:pointer;font:inherit;border:0;justify-self:start;padding:.625rem 1rem;font-weight:700}.account-security__action:hover:not(:disabled){background:var(--interactive-hover)}.account-security__action:disabled{cursor:not-allowed;opacity:.6}.account-security__link{color:var(--accent-cyan)}.account-security__note{color:var(--text-secondary);margin:0;line-height:1.55}@media (width<=480px){.account-security{width:min(100% - 1.5rem,760px)}.account-security__action{width:100%}}