:root { color-scheme: dark; }
body.legal-page { min-height:100vh; margin:0; color:#e8f0e9; background:radial-gradient(ellipse 60% 44% at 50% 10%, rgba(70,100,197,.2), transparent 70%), linear-gradient(180deg,#080817 0%,#0b1030 52%,#080817 100%); font-family:"DM Sans",system-ui,sans-serif; }
.legal-shell { width:min(100% - 32px, 800px); margin:0 auto; padding:28px 0 56px; }
.legal-topbar { display:flex; align-items:center; justify-content:space-between; gap:18px; padding-bottom:28px; border-bottom:1px solid rgba(232,240,233,.12); }
.legal-brand { display:flex; align-items:center; gap:10px; color:#f5f1e8; font:700 .98rem "DM Mono",ui-monospace,monospace; letter-spacing:.25em; text-decoration:none; }
.legal-ball { width:20px; height:20px; border:1.5px solid #f5bd58; border-radius:50%; position:relative; overflow:hidden; }
.legal-ball::before,.legal-ball::after { content:""; position:absolute; border-color:#f5bd58; }
.legal-ball::before { width:28px; height:28px; left:-16px; top:-5px; border:1px solid #f5bd58; border-radius:50%; }
.legal-ball::after { left:9px; top:-2px; height:24px; border-left:1px solid #f5bd58; }
.legal-back { color:#8ed6ff; font:500 .66rem "DM Mono",ui-monospace,monospace; letter-spacing:.12em; text-decoration:none; text-transform:uppercase; }
.legal-back:hover,.legal-back:focus-visible { color:#f5bd58; }
.legal-content { padding:clamp(48px,9vw,78px) 0 22px; }
.legal-kicker { margin:0 0 13px; color:#55bfff; font:700 .65rem "DM Mono",ui-monospace,monospace; letter-spacing:.18em; }
.legal-content h1 { margin:0; color:#f5f1e8; font:400 clamp(3.4rem,9vw,6.2rem)/.9 "Instrument Serif",Georgia,serif; letter-spacing:-.05em; }
.legal-updated { margin:17px 0 47px; color:rgba(232,240,233,.55); font:500 .67rem "DM Mono",ui-monospace,monospace; letter-spacing:.1em; text-transform:uppercase; }
.legal-content h2 { margin:38px 0 12px; color:#f5bd58; font:700 .78rem "DM Mono",ui-monospace,monospace; letter-spacing:.13em; text-transform:uppercase; }
.legal-content p,.legal-content li { color:rgba(232,240,233,.74); font-size:1rem; line-height:1.72; }
.legal-content p { margin:0 0 18px; }
.legal-content ul { margin:0 0 20px; padding-left:20px; }
.legal-content a { color:#8ed6ff; }
.legal-note { margin-top:38px!important; padding-top:20px; border-top:1px solid rgba(232,240,233,.12); color:rgba(232,240,233,.48)!important; font-size:.85rem!important; }
.legal-footer { margin-top:36px; color:rgba(232,240,233,.45); font:500 .61rem "DM Mono",ui-monospace,monospace; letter-spacing:.09em; text-align:center; text-transform:uppercase; }
@media(max-width:600px) { .legal-shell { width:min(100% - 26px,800px); } .legal-content { padding-top:43px; } .legal-content h1 { font-size:clamp(3.25rem,17vw,5rem); } .legal-content p,.legal-content li { font-size:.96rem; } }
