:root { font-family: Inter, "Segoe UI", Arial, sans-serif; color: #203d4a; background: #f5f8f7; font-synthesis: none; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100dvh; background: radial-gradient(ellipse at top left, #d9eee6, transparent 55%), #f5f8f7; }
.account-shell { max-width: 480px; margin: 0 auto; padding: 9vh 22px 40px; }
.account-brand { display: block; font-size: 32px; font-weight: 750; letter-spacing: -1.4px; color: #193440; text-decoration: none; margin-bottom: 30px; }
.account-brand span { color: #087f85; }
.account-card { padding: 34px; border: 1px solid #dfe9e6; border-radius: 20px; background: #fff; box-shadow: 0 15px 50px #19344008; }
.eyebrow { font-size: 10px; font-weight: 650; letter-spacing: 1.5px; color: #63877e; }
h1 { font-size: 28px; letter-spacing: -.7px; margin: 15px 0 10px; }
p { font-size: 13px; line-height: 1.8; color: #6d828a; }
label { display: block; font-size: 12px; font-weight: 600; margin: 22px 0 9px; }
input:not([type=checkbox]):not([type=hidden]) { width: 100%; padding: 12px; font: inherit; font-size: 14px; border: 1px solid #d5e0dd; border-radius: 9px; }
input:focus-visible, button:focus-visible, a:focus-visible { outline: 2px solid #087f85; outline-offset: 3px; }
.remember { display: flex; align-items: center; gap: 8px; color: #6d828a; font-size: 12px; font-weight: 400; }
.remember input { accent-color: #087f85; }
button { width: 100%; border: 1px solid #087f85; border-radius: 9px; background: #087f85; color: #fff; padding: 12px; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; margin-top: 14px; }
button:hover { background: #07666e; }
button.secondary { background: transparent; color: #496570; border-color: #dfe9e6; }
.validation { color: #a44435; font-size: 12px; line-height: 1.7; }
.validation.validation-summary-valid { display: none; }
.validation ul { padding-left: 18px; }
.help, .account-footer { font-size: 11px; margin-top: 25px; }
.account-footer { text-align: center; }
@media (max-width: 480px) { .account-shell { padding-top: 40px; } .account-card { padding: 25px; } }