.legal-page { min-height: 100vh; background: #080a12; color: #e9e5ef; }
.legal-topbar { position: sticky; z-index: 10; top: 0; min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 12px max(18px, calc((100% - 1040px)/2)); border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(8,10,18,.88); backdrop-filter: blur(18px); }
.legal-contact { color: #cdbdff; text-decoration: none; font-size: 13px; }
.legal-shell { width: min(100% - 32px, 1040px); margin: 38px auto 70px; display: grid; grid-template-columns: 220px minmax(0,1fr); gap: 25px; align-items: start; }
.legal-nav { position: sticky; top: 88px; display: grid; gap: 7px; }
.legal-nav a { padding: 11px 13px; border: 1px solid rgba(255,255,255,.07); border-radius: 12px; color: #8f8a98; text-decoration: none; font-size: 12px; }
.legal-nav a[aria-current="page"] { color: #f1e9d5; border-color: rgba(231,199,130,.24); background: rgba(231,199,130,.07); }
.legal-card { padding: clamp(24px,5vw,58px); border: 1px solid rgba(255,255,255,.08); border-radius: 30px; background: linear-gradient(145deg, rgba(23,24,39,.82), rgba(11,12,21,.86)); box-shadow: 0 28px 90px rgba(0,0,0,.25); }
.legal-kicker { margin: 0 0 10px; color: #9b91ae; font-size: 11px; text-transform: uppercase; letter-spacing: .1em; }
.legal-card h1 { margin: 0 0 32px; font-size: clamp(34px,6vw,62px); line-height: 1.02; letter-spacing: -.05em; }
.legal-card section { margin-top: 34px; padding-top: 4px; }
.legal-card h2 { margin: 0 0 12px; font-size: 21px; letter-spacing: -.02em; }
.legal-card p, .legal-card li { color: #b2adbc; font-size: 14px; line-height: 1.75; }
.legal-card ul { padding-left: 22px; }
.legal-card a { color: #cdbdff; }
.legal-alert { margin: 0 0 26px; padding: 17px 18px; border: 1px solid rgba(231,199,130,.22); border-radius: 16px; background: rgba(231,199,130,.06); }
.legal-alert strong { color: #f0d89f; }
.legal-alert p { margin: 7px 0 0; font-size: 12px; }
.legal-details { display: grid; gap: 8px; margin: 18px 0 0; }
.legal-details div { display: grid; grid-template-columns: minmax(120px, .7fr) 1.3fr; gap: 14px; padding: 11px 0; border-bottom: 1px solid rgba(255,255,255,.06); }
.legal-details dt { color: #777281; font-size: 12px; }
.legal-details dd { margin: 0; color: #d8d2e0; font-size: 13px; overflow-wrap: anywhere; }
.legal-footer { width: min(100% - 32px, 1040px); margin: 0 auto 28px; display: flex; justify-content: space-between; gap: 20px; color: #6f6b78; font-size: 11px; line-height: 1.5; }
.legal-footer a { color: #cdbdff; text-decoration: none; }
@media (max-width: 760px) { .legal-shell { grid-template-columns: 1fr; margin-top: 20px; } .legal-nav { position: static; display: flex; overflow-x: auto; padding-bottom: 4px; } .legal-nav a { white-space: nowrap; } .legal-card { padding: 26px 20px; border-radius: 23px; } .legal-card h1 { margin-bottom: 20px; } .legal-topbar { padding-inline: 14px; } .legal-contact { font-size: 12px; } .legal-footer { flex-direction: column; } .legal-details div { grid-template-columns: 1fr; gap: 4px; } }