.account-access-card { width: min(100% - 2rem, 30rem); margin: 3rem auto; padding: clamp(1.25rem, 4vw, 2rem); border: 1px solid #dbe3ef; border-radius: 1rem; background: var(--surface, #fff); color: var(--text-primary, #16253a); box-shadow: 0 12px 36px #10223d12; }
.account-access-logo { display: block; max-width: 16rem; width: 80%; height: auto; margin-bottom: 1.75rem; }
.account-access-card h1 { font-size: 1.8rem; line-height: 1.2; margin: 0 0 1rem; }
.account-access-card p { line-height: 1.6; }
.account-access-card form { display: grid; gap: .65rem; margin: 1.5rem 0; }
.account-access-card label { font-weight: 600; }
.account-access-card input:not([type=checkbox]):not([type=hidden]) { box-sizing: border-box; width: 100%; padding: .8rem; border: 1px solid #94a3b8; border-radius: .45rem; color: inherit; background: var(--surface, #fff); font: inherit; }
.account-access-card button { padding: .85rem 1rem; margin-top: .5rem; border: 0; border-radius: .45rem; color: white; background: #174a79; font: inherit; font-weight: 650; cursor: pointer; }
.account-access-card button:disabled { opacity: .65; cursor: wait; }
.account-access-card :focus-visible { outline: 3px solid #3486cb; outline-offset: 3px; }
.account-access-show { display: flex; align-items: center; gap: .6rem; padding: .5rem 0; }
.account-access-show input { width: 1.2rem; height: 1.2rem; }
.account-access-notice { padding: 1rem; border: 1px solid #78a8ce; border-radius: .45rem; background: #eaf4fc; color: #143757; line-height: 1.55; }
.account-access-notice[hidden], .account-access-card form[hidden] { display: none; }
.account-access-help { font-size: .9rem; }
.account-access-card > a { display: block; margin-top: 1rem; color: #1765a0; text-decoration: underline; }
[data-theme=dark] .account-access-card { background: #152435; color: #e7edf5; border-color: #486077; }
[data-theme=dark] .account-access-card input:not([type=checkbox]):not([type=hidden]) { background: #0e1c2b; }
[data-theme=dark] .account-access-card > a { color: #9ed4ff; }
@media (max-width: 480px) { .account-access-card { margin: 1rem auto; box-shadow: none; } }