.login-shell { width: min(100% - 32px, 460px); margin: 64px auto; }
.login-panel { padding: 32px; }
.login-panel > .eyebrow { margin: 0 0 12px; color: #17643a; }
.login-panel h1 { font-size: 28px; }
.login-panel > p { line-height: 1.6; }
.login-form { display: grid; gap: 20px; margin-top: 28px; }
.login-field { display: grid; gap: 8px; }
.login-field label { font-size: 14px; font-weight: 700; }
.login-field input { width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid #b8c3cb; border-radius: 6px; font: inherit; background: #fff; }
.login-field input:focus-visible { outline: 3px solid #b4dfc4; border-color: #17643a; }
.login-form .primary-button { width: 100%; justify-content: center; }
.login-form .alert { margin: 0; }
@media (max-width: 480px) { .login-shell { margin: 32px auto; } .login-panel { padding: 24px; } }