.onde-account-page { min-height: 100vh; background: radial-gradient(ellipse at 80% 10%, #EAF2FF, transparent 55%), #F4F8FC; }
.onde-account-header { display: flex; justify-content: space-between; align-items: center; gap: 1rem; max-width: 72rem; margin: auto; padding: 1.5rem; }
.onde-account-main { width: min(100% - 3rem, 64rem); margin: 2rem auto 5rem; }
.onde-auth-panel { max-width: 30rem; margin: auto; padding: 2rem; border: 1px solid #D9E3EE; border-radius: 1.25rem; background: #fff; box-shadow: 0 16px 48px rgba(7,26,51,.05); }
.onde-account-page h1 { font-size: clamp(2rem,4vw,3rem); overflow-wrap: anywhere; }
.onde-account-page h2 { font-size: 1.75rem; margin-top: 2rem; }
.onde-account-page a:not(.onde-button):not(.onde-logo) { color: #0B4ACB; text-decoration: underline; text-underline-offset: .25em; }
.onde-auth-panel form { display: grid; gap: .75rem; margin: 2rem 0; }
.onde-auth-panel label { font-weight: 600; }
.onde-auth-panel input:not([type=checkbox]) { width: 100%; min-height: 48px; border: 1px solid #60738A; border-radius: .375rem; padding: .75rem; font: inherit; background: #fff; color: #0B1F36; }
.onde-account-checkbox { display: flex; gap: .75rem; align-items: center; min-height: 44px; }
.onde-account-checkbox input { width: 1.25rem; height: 1.25rem; }
.onde-account-page :focus-visible { outline: 3px solid #155EEF; outline-offset: 3px; }
.onde-auth-panel button { border: 0; font: inherit; font-weight: 600; cursor: pointer; margin-top: .5rem; }
.onde-account-hint { font-size: .875rem; margin: 0 0 .75rem; color: #60738A; }
.onde-account-error { border-left: 3px solid #C53030; padding: .75rem 1rem; background: #FFF4F4; color: #8E2020; }
.onde-account-nav { display: flex; flex-wrap: wrap; gap: 1rem 2rem; border-bottom: 1px solid #D9E3EE; padding-bottom: 1rem; }
.onde-account-nav a { display: inline-flex; align-items: center; min-height: 44px; }
.onde-account-nav [aria-current=page] { font-weight: 700; }
.onde-account-content { padding: 3rem 0; max-width: 44rem; }
.onde-account-content dd { margin: .25rem 0 1.5rem; overflow-wrap: anywhere; }
.onde-account-content dt { font-weight: 600; }
@media(max-width: 30rem) { .onde-account-main { width: calc(100% - 2rem); margin-top: 1rem; } .onde-auth-panel { padding: 1.5rem; } }