.auth-shell { max-width: 460px; margin: 32px auto; padding: 24px 28px; border: 1px solid #e2e8f0; border-radius: 14px; background: #fff; box-shadow: 0 4px 24px rgba(15,23,42,0.06); }
.page-login .auth-shell { max-width: 440px; }
.auth-shell h1 { margin: 0 0 8px; font-size: 1.55rem; }
.page-login .auth-shell h1 { font-size: 1.65rem; }
.auth-shell p.lede { margin: 0 0 18px; color: #64748b; font-size: var(--type-body); line-height: var(--leading-body); }
.page-login .auth-shell p.lede { margin-bottom: 22px; }
.auth-shell label { display: block; margin: 0 0 6px; color: #1e293b; font-size: var(--type-ui); font-weight: 600; }
.auth-shell input[type=email] { box-sizing: border-box; width: 100%; min-height: 44px; padding: 12px 14px; border: 1.5px solid #cbd5e1; border-radius: 8px; font-family: inherit; font-size: var(--type-ui); }
.auth-shell input[type=email]:focus { border-color: var(--orange-text); outline: 2px solid var(--orange-text); outline-offset: 1px; }
.auth-shell ul { padding-left: 1.1rem; color: #475569; font-size: var(--type-body); line-height: var(--leading-body); }
.auth-shell button { width: 100%; min-height: 44px; padding: 12px; border: 0; border-radius: 8px; font-family: inherit; font-size: var(--type-ui); font-weight: 600; cursor: pointer; }
.auth-shell button[type=submit], .auth-shell .btn-primary { margin-top: 14px; background: var(--orange-dark); color: #fff; }
.auth-shell button[type=submit]:hover:not([disabled]), .auth-shell .btn-primary:hover:not([disabled]) { filter: brightness(0.95); }
.auth-shell button[disabled] { cursor: progress; opacity: 0.65; }
.auth-shell .btn-passkey, .auth-shell .btn-skip { border: 1.5px solid #cbd5e1; background: #fff; }
.auth-shell .btn-passkey { margin-top: 18px; color: #1e293b; }
.auth-shell .btn-skip { margin-top: 10px; color: #64748b; }
.auth-shell .btn-passkey:hover:not([disabled]), .auth-shell .btn-skip:hover { border-color: #94a3b8; }
.auth-shell .divider { position: relative; margin: 22px 0 0; color: #64748b; font-size: var(--type-ui); letter-spacing: 0.08em; text-align: center; text-transform: uppercase; }
.auth-shell .divider::before, .auth-shell .divider::after { position: absolute; top: 50%; width: 38%; height: 1px; background: #e2e8f0; content: ''; }
.auth-shell .divider::before { left: 0; }
.auth-shell .divider::after { right: 0; }
.auth-shell .status { display: none; margin: 16px 0 0; padding: 10px 12px; border-radius: 8px; font-size: var(--type-body); line-height: var(--leading-body); }
.auth-shell .status.ok { display: block; border: 1px solid #86efac; background: #dcfce7; color: #166534; }
.auth-shell .status.err { display: block; border: 1px solid #fca5a5; background: #fee2e2; color: #991b1b; }
.auth-shell .small { margin: 18px 0 0; color: #64748b; font-size: var(--type-ui); text-align: center; }
.auth-shell a { color: var(--orange-text); text-decoration: none; }