.account-page { --account-primary: var(--gold); --account-ink: var(--ink); --account-surface: var(--paper); background: var(--paper); }
.account-page .account-hero { position: relative; overflow: hidden; padding: 0; background: radial-gradient(circle at 83% 22%,rgba(224,184,111,.16),transparent 24%),linear-gradient(145deg,#0d1b1e 0%,#050d10 72%); }
.account-page .account-hero::after { top: -38%; right: -7%; bottom: auto; left: auto; width: 48vw; height: auto; aspect-ratio: 1; border: 1px solid rgba(224,184,111,.11); border-radius: 50%; background: transparent; box-shadow: 0 0 0 7vw rgba(224,184,111,.024),0 0 0 14vw rgba(224,184,111,.015); }
.account-page .account-hero-inner { position: relative; z-index: 1; min-height: 500px; align-items: end; padding-top: clamp(100px,10vw,145px); padding-bottom: clamp(70px,7vw,100px); }
.account-page .account-script,.account-page .eyebrow { color: var(--gold) !important; font-family: "Manrope",Arial,sans-serif; }
.account-page .account-script { font-size: .75rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.account-page .account-hero h1,.account-page .account-card h2 { font-family: "Barlow Condensed","Arial Narrow",sans-serif; font-weight: 800; }
.account-page .account-hero h1 { font-size: clamp(3.7rem,7vw,7.1rem); letter-spacing: -.06em; line-height: .89; }
.account-page .account-hero-meta { border-color: var(--gold); }
.account-page .account-main { padding-top: clamp(58px,7vw,90px); padding-bottom: clamp(70px,8vw,110px); background: radial-gradient(circle at 10% 15%,rgba(200,142,67,.09),transparent 24%),var(--paper); }
.account-page .account-card { overflow: hidden; border-radius: 18px; border-top: 0; box-shadow: 0 24px 70px rgba(7,17,19,.13); }
.account-page .account-card::before { background: var(--gold); }
.account-page .account-card-icon { color: #8d5d20; background: rgba(200,142,67,.14); }
.account-page .account-card h2 { color: var(--ink); font-size: clamp(2.8rem,5vw,4.8rem); }
.account-page .account-form input:not([type="checkbox"]),.account-page .account-form select,.account-page .account-form textarea { border-radius: 3px; font-family: "Manrope",Arial,sans-serif; }
.account-page .account-form input:focus,.account-page .account-form select:focus,.account-page .account-form textarea:focus { border-color: var(--gold); box-shadow: 0 0 0 4px rgba(200,142,67,.13); }
.account-page .account-check input { accent-color: var(--gold); }
.account-page .account-check a,.account-page .account-switch a { color: #8d5d20; }
.account-page .btn-brand { border-color: var(--gold-light); color: #101417; background: var(--gold-light); }
.account-page .btn-brand:hover { border-color: var(--gold); background: var(--gold); }
.account-page .account-alert.is-success,.account-page .account-hint { border-color: var(--gold); color: #6f4b1c; background: rgba(200,142,67,.11); }
.account-page .registration-card.is-success { max-width: 760px; padding: clamp(36px,5vw,58px); }
.account-page .registration-card.is-success .account-card-icon { color: #fff; background: #8d5d20; }
.account-page .registration-card.is-success .account-card-lead { color: #596164; font-size: 1rem; }
.account-page .registration-success { display: grid; gap: 20px; margin-top: 28px; }
.account-page .registration-success .account-alert { margin: 0; padding: 18px 20px; border-left-width: 3px; }
.account-page .registration-success .btn { display: inline-flex; width: fit-content; min-height: 50px; align-items: center; gap: 10px; padding-inline: 22px; }
@media (max-width:767.98px) { .account-page .account-hero-inner { min-height: 0; align-items: flex-start; flex-direction: column; padding-top: 94px; padding-bottom: 62px; } .account-page .account-hero h1 { font-size: clamp(3.05rem,13vw,4.3rem); } .account-page .account-hero-meta { width: 100%; min-width: 0; } .account-page .account-card { padding: 29px 22px; } .account-page .account-form-grid { grid-template-columns: 1fr; } .account-page .account-field { grid-column: 1 / -1; } }