:root { --bg:#0a0a08; --panel:#11110e; --ink:#f5f1e6; --muted:#aaa69a; --dim:#77736a; --gold:#d8bd76; --gold-bright:#f2dc9f; --line:rgba(240,225,181,.15); --font-display:"Manrope",sans-serif; --font-body:"DM Sans",sans-serif; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; color:var(--ink); background:var(--bg); font-family:var(--font-body); -webkit-font-smoothing:antialiased; }
a { color:inherit; }
.legal-shell { width:min(900px, calc(100% - 40px)); margin-inline:auto; }
.legal-nav { min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid var(--line); }
.brand { text-decoration:none; font:600 13px/1 var(--font-display); letter-spacing:.15em; }
.brand b, .back, .legal-document a { color:var(--gold); }
.back { font-size:12px; text-decoration:none; }
.legal-hero { padding:78px 0 42px; }
.eyebrow { color:var(--gold); font:600 11px/1.2 var(--font-display); letter-spacing:.18em; text-transform:uppercase; }
h1,h2 { font-family:var(--font-display); letter-spacing:-.035em; }
h1 { margin:18px 0 16px; font-size:clamp(42px,7vw,68px); line-height:1.04; }
.lede { max-width:720px; color:var(--muted); font-size:17px; line-height:1.7; }
.meta { display:flex; flex-wrap:wrap; gap:10px 24px; color:var(--dim); font-size:12px; }
.review-note { margin:12px 0 40px; padding:16px 18px; border:1px solid rgba(216,189,118,.35); background:rgba(216,189,118,.06); color:#cdc5b0; font-size:13px; line-height:1.6; }
.legal-document { border-top:1px solid var(--line); }
.legal-document section { padding:32px 0; border-bottom:1px solid var(--line); }
.legal-document h2 { margin:0 0 15px; color:var(--gold-bright); font-size:22px; }
.legal-document p, .legal-document li { color:var(--muted); font-size:15px; line-height:1.75; }
.legal-document p { margin:10px 0; }
.legal-document ul { margin:12px 0; padding-left:22px; }
.legal-document strong { color:var(--ink); font-weight:600; }
.legal-footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:18px; padding:30px 0 46px; color:var(--dim); font-size:11px; }
.legal-footer nav { display:flex; flex-wrap:wrap; gap:14px; }
.legal-footer a { color:var(--muted); }
.welcome-shell { padding:70px 0 20px; }
.welcome-card { text-align:center; padding:58px clamp(24px,6vw,68px); border:1px solid var(--line); background:var(--panel); }
.success-seal { width:64px; height:64px; display:grid; place-items:center; margin:0 auto 26px; border:1px solid #76b995; border-radius:50%; color:#76b995; font-size:30px; }
.welcome-card h1 { max-width:680px; margin-inline:auto; }
.welcome-card .lede { max-width:690px; margin:0 auto 28px; }
.discord-button { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:56px; padding:0 26px; border:1px solid var(--gold); background:var(--gold-bright); color:#17150f; font-weight:600; text-decoration:none; transition:transform .2s ease,background .2s ease; }
.discord-button:hover { transform:translateY(-2px); background:#ffeab1; }
.invite-note { color:var(--dim); font-size:12px; margin:14px 0 0; }
.onboarding-steps { padding:58px 0 24px; }
.onboarding-steps h2 { font-size:clamp(28px,4vw,38px); margin:12px 0 24px; }
.onboarding-steps ol { list-style:none; padding:0; margin:0; border-top:1px solid var(--line); }
.onboarding-steps li { display:grid; grid-template-columns:54px 1fr; gap:18px; padding:24px 0; border-bottom:1px solid var(--line); }
.onboarding-steps li>b { color:var(--gold); font:600 12px/1.6 var(--font-display); letter-spacing:.12em; }
.onboarding-steps strong { font:600 18px/1.3 var(--font-display); }
.onboarding-steps p { color:var(--muted); line-height:1.7; margin:7px 0 0; }
.support-card { margin:24px 0 40px; padding:22px 24px; border:1px solid rgba(216,189,118,.35); background:rgba(216,189,118,.06); }
.support-card p { color:var(--muted); line-height:1.7; margin:7px 0 0; }
.support-card a { color:var(--gold); }
@media (max-width:600px) { .legal-nav { min-height:68px; } .legal-hero { padding-top:54px; } .legal-document section { padding:26px 0; } .welcome-shell { padding-top:28px; } .welcome-card { padding:40px 20px; } .discord-button { width:100%; } }