.login-shell { padding: 60px 20px; max-width: 510px; margin: 5vh auto; }
.login-card { background: var(--surface); border: 1px solid var(--ink); border-top: 5px solid var(--blue); padding: 35px; box-shadow: 6px 6px 0 var(--yellow); }
.login-card h1 { font-size: 24px; }
.login-card > p { color: var(--muted); font-size: 12px; line-height: 1.9; margin-top: 15px; }
.login-card form { margin-top: 25px; }
.login-card form > button { width: 100%; margin-top: 14px; }
.login-error { color: var(--red); font-size: 12px; line-height: 1.9; }
.shared-banner { background: #e6ebfa; border-bottom: 1px solid var(--line); color: var(--blue); font-size: 12px; padding: 12px 25px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.shared-banner button { text-decoration: underline; font-size: 12px; font-weight: 600; }
.recovery-actions { display: flex; gap: 10px; flex-wrap: wrap; margin: 12px 0; }
.recovery-actions .btn { white-space: normal; }
.shared-user { font-size: 11px; color: var(--blue); }
@media(max-width:640px) { .login-shell { margin-top: 0; padding-top: 35px; }.login-card { padding: 25px; } }