* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, sans-serif; color: #18332f; }
[hidden] { display: none !important; }
.login-card a { color: #076c60; font-weight: 600; text-underline-offset: 3px; }
#recovery-status { min-height: 24px; }
#recovery-status.error { color: #8a2929; }
.confirmation-detail { overflow-wrap: anywhere; line-height: 1.5; text-align: left; }
#confirmation-status { line-height: 1.5; }
input:focus-visible, button:focus-visible, a:focus-visible { outline: 3px solid #27a18c; outline-offset: 3px; }
@media (max-width: 480px) { .login-panel { padding: 16px; } .login-card { padding: 24px; } }