.brand-logo { border-radius: 50%; height: 48px; object-fit: cover; object-position: center; width: 48px; }
.site-header { background: linear-gradient(90deg, rgba(7, 9, 10, 0.98), rgba(33, 25, 15, 0.96)); border-bottom-color: rgba(212, 170, 100, 0.4); position: fixed; }
.account-nav .active { color: var(--gold-bright); }
.account-main { background: radial-gradient(circle at 86% 8%, rgba(124, 81, 25, 0.16), transparent 29rem), linear-gradient(145deg, #0c0f11, #090b0d 58%); min-height: 100vh; padding: clamp(8.5rem, 12vw, 10rem) clamp(1.25rem, 10vw, 11rem) clamp(4rem, 8vw, 7rem); }
.account-state { max-width: 48rem; }
.account-state h1, .account-heading h1 { font-family: Cinzel, Georgia, serif; font-size: clamp(2.3rem, 5vw, 4.5rem); font-weight: 600; line-height: 1.08; margin: 0.45rem 0 1rem; }
.account-state p:not(.eyebrow) { color: var(--muted); line-height: 1.7; max-width: 32rem; }
.account-state .button { margin-top: 1.25rem; }
.account-heading { align-items: end; border-bottom: 1px solid var(--line); display: flex; gap: 2rem; justify-content: space-between; max-width: 96rem; padding-bottom: 2rem; position: relative; z-index: 1; }
.account-heading::after { background: var(--gold); bottom: -1px; content: ""; height: 2px; left: 0; position: absolute; width: 5.5rem; }
.account-heading-copy { align-items: center; display: flex; gap: 1.25rem; }
.account-crest { background: radial-gradient(circle, rgba(228, 169, 54, 0.14), transparent 68%); filter: drop-shadow(0 10px 17px rgba(0, 0, 0, 0.6)) drop-shadow(0 0 13px rgba(220, 161, 49, 0.24)); height: 160px; object-fit: contain; padding: 5px; width: 160px; }
.account-heading h1 { font-size: clamp(2.1rem, 4vw, 3.8rem); margin-bottom: 0; }
.account-heading button { background: transparent; border: 1px solid rgba(197, 229, 160, 0.55); color: #dcefc6; cursor: pointer; font: inherit; padding: 0.65rem 0.85rem; }
#account-dashboard { min-height: 37rem; position: relative; }
.account-grid { display: grid; gap: 1rem; grid-template-columns: repeat(12, minmax(0, 1fr)); margin-top: 2rem; max-width: 68rem; position: relative; z-index: 1; }
.account-card { background: linear-gradient(145deg, rgba(24, 31, 27, 0.96), rgba(12, 15, 17, 0.98)); border: 1px solid rgba(166, 135, 67, 0.28); display: block; min-height: 12.5rem; padding: 1.65rem; position: relative; overflow: hidden; }
.account-card::before { background: linear-gradient(90deg, var(--gold), transparent); content: ""; height: 1px; left: 1.65rem; opacity: 0.55; position: absolute; top: 0; width: 4rem; }
.account-card-main { border-color: rgba(165, 210, 126, 0.52); grid-column: span 7; }
.account-card:nth-child(2) { grid-column: span 5; }
.account-card:nth-child(3), .account-card:nth-child(4) { grid-column: span 6; }
.account-card h2 { color: #f0f1e9; font-family: Cinzel, Georgia, serif; font-size: 1.4rem; margin: 0.45rem 0 0.8rem; }
.account-card-main h2 { color: #f4d898; font-size: 1.65rem; }
.account-card p:not(.eyebrow) { color: #b4b5ac; font-size: 0.84rem; line-height: 1.65; max-width: 29rem; }
.account-card-link { color: inherit; text-decoration: none; transition: border-color 160ms ease, transform 160ms ease; }
.account-card-link:hover { border-color: var(--gold); transform: translateY(-3px); }
.account-card-link span { color: var(--gold-bright); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.account-recovery-link { color: #f1d48a; font-size: 0.72rem; text-decoration: underline; }
.recovery-email-card { grid-column: span 12; }
.recovery-email-card label { color: #e4ce9a; display: grid; font-size: 0.66rem; font-weight: 700; gap: 0.35rem; letter-spacing: 0.1em; max-width: 24rem; text-transform: uppercase; }
.recovery-email-card input { background: rgba(0, 0, 0, 0.35); border: 1px solid rgba(233, 183, 78, 0.55); color: #fff2d2; font: inherit; padding: 0.7rem; }
.recovery-email-card button { background: transparent; border: 1px solid rgba(197, 229, 160, 0.55); color: #dcefc6; cursor: pointer; font: inherit; margin-top: 1rem; padding: 0.6rem 0.8rem; }
.recovery-message { color: #f1d48a !important; min-height: 1rem; }
.recovery-public-form { display: grid; gap: 0.9rem; margin: 1.5rem 0; max-width: 26rem; }
.recovery-public-form label { color: #e4ce9a; display: grid; font-size: 0.68rem; font-weight: 700; gap: 0.35rem; letter-spacing: 0.1em; text-transform: uppercase; }
.recovery-public-form input, .recovery-public-form select { background: rgba(0, 0, 0, 0.35); border: 1px solid rgba(233, 183, 78, 0.55); color: #fff2d2; font: inherit; padding: 0.75rem; }
.baium-render { animation: baium-float 6s ease-in-out infinite; filter: drop-shadow(0 20px 20px rgba(0, 0, 0, 0.58)) drop-shadow(0 0 18px rgba(244, 190, 78, 0.18)); height: min(65vh, 43rem); object-fit: contain; pointer-events: none; position: absolute; right: clamp(0rem, 2vw, 3rem); top: 7rem; user-select: none; z-index: 0; }
@keyframes baium-float { 0%, 100% { transform: translateX(10%) translateY(0); } 50% { transform: translateX(10%) translateY(-12px); } }
[hidden] { display: none !important; }
@media (max-width: 1100px) { .baium-render { height: min(57vh, 33rem); opacity: 0.48; right: -5rem; } }
@media (max-width: 720px) { .account-nav { display: none; } .account-heading { align-items: start; flex-direction: column; gap: 1rem; } .account-crest { height: 104px; width: 104px; } #account-dashboard { min-height: 0; } .account-grid { grid-template-columns: 1fr; } .account-card-main, .account-card:nth-child(2), .account-card:nth-child(3), .account-card:nth-child(4), .recovery-email-card { grid-column: auto; } .baium-render { display: none; } }
@media (prefers-reduced-motion: reduce) { .baium-render { animation: none; transform: translateX(10%); } }