.account-page { min-height: 100dvh; margin: 0; color: #102a4c; background: linear-gradient(90deg,#062b43 0 43%,#eef4f8 43% 100%); font-family: Inter,Segoe UI,Arial,sans-serif; }
.account-shell { width: min(100% - 2rem,920px); min-height: 100dvh; margin: auto; display: grid; grid-template-columns: minmax(260px,.8fr) minmax(340px,1fr); align-items: center; gap: clamp(2rem,6vw,5rem); padding-block: 2rem; }
.account-brand { color: #fff; text-align: center; }
.account-brand img { width: clamp(110px,16vw,170px); filter: drop-shadow(0 12px 25px rgba(0,0,0,.25)); }
.account-brand p { margin: .45rem 0 0; color: #d6e4ee; letter-spacing: .08em; }
.account-brand .account-wordmark { margin-top: .9rem; color: #fff; font-size: clamp(1.25rem,3vw,1.75rem); font-weight: 800; letter-spacing: .12em; }
.account-card { padding: clamp(1.5rem,4vw,2.5rem); background: #fff; border-top: 5px solid #08a546; border-radius: 16px; box-shadow: 0 18px 50px rgba(6,43,67,.18); }
.account-eyebrow { margin: 0 0 .45rem; color: #0879c9; font-size: .76rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.account-card h1 { margin: 0; font-size: clamp(1.8rem,4vw,2.4rem); }
.account-intro { margin: .65rem 0 1.5rem; color: #52657d; line-height: 1.5; }
.field { display: grid; gap: .4rem; margin-bottom: 1rem; }
.field label { font-size: .86rem; font-weight: 750; }
.field input, .field select, .field textarea { min-height: 48px; box-sizing: border-box; width: 100%; padding: .7rem .8rem; color: #102a4c; background: #fff; border: 1px solid #bdcad8; border-radius: 8px; font: inherit; }
.field textarea { min-height: 160px; resize: vertical; }
.field input:focus, .field select:focus, .field textarea:focus { outline: 3px solid rgba(0,122,204,.2); border-color: #007acc; }
.field span, .validation-summary { color: #a52727; font-size: .82rem; }
.validation-summary ul { margin: 0 0 1rem; padding-left: 1.1rem; }
.account-card button, .account-link { min-height: 48px; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; padding: .75rem 1.2rem; color: #fff; background: #0879c9; border: 0; border-radius: 8px; font: inherit; font-weight: 800; text-decoration: none; cursor: pointer; }
.account-card button { width: 100%; }
.account-card button:hover, .account-link:hover { background: #0566aa; }
.account-note { margin: 1.25rem 0 0; color: #66778d; font-size: .82rem; line-height: 1.45; }
@media (max-width:700px) { .account-page { background: #eef4f8; } .account-shell { width: min(100% - 1.25rem,460px); grid-template-columns: 1fr; gap: 1rem; padding-block: 1.25rem; } .account-brand { color: #062b43; } .account-brand img { width: 88px; } .account-brand p { color: #52657d; } .account-brand .account-wordmark { color: #062b43; font-size: 1.15rem; margin-top: .45rem; } .account-card { padding: 1.35rem; } }