:root { color-scheme:dark; }
* { box-sizing:border-box; }
body { margin:0; min-width:320px; color:#e9eeeb; background:#111617; font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; }
.legal-shell { min-height:100vh; overflow:hidden; background:radial-gradient(circle at 75% 0,rgba(137,151,144,.16),transparent 32rem),#111617; }
.legal-shell::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.24; background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size:84px 84px; mask-image:linear-gradient(#000,transparent 78%); }
.legal-container { position:relative; width:min(1180px,calc(100% - 48px)); margin:0 auto; }
.legal-header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:20px 0; border-bottom:1px solid rgba(255,255,255,.15); }
.legal-brand { display:inline-flex; align-items:center; gap:11px; color:#fff; font-size:19px; font-weight:700; text-decoration:none; }
.legal-brand img { width:43px; height:43px; }
.legal-header__back { color:rgba(238,242,239,.72); font-size:13px; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; }
.legal-header__back:hover { color:#fff; }
.legal-hero { padding:clamp(66px,11vw,150px) 0 clamp(45px,7vw,86px); }
.legal-kicker { margin:0 0 17px; color:#9cb5a9; font-size:12px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; }
.legal-hero h1,.legal-card h2 { margin:0; font-family:"Bebas Neue",Impact,sans-serif; font-weight:400; letter-spacing:.02em; }
.legal-hero h1 { max-width:950px; font-size:clamp(56px,9vw,148px); line-height:.84; }
.legal-hero p { max-width:630px; margin:30px 0 0; color:rgba(238,242,239,.72); font-size:clamp(16px,1.65vw,21px); line-height:1.52; }
.legal-layout { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:clamp(24px,5vw,80px); align-items:start; padding-bottom:96px; }
.legal-content { display:grid; gap:16px; }
.legal-card,.legal-side { border:1px solid rgba(255,255,255,.16); border-radius:26px; background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.025)); box-shadow:inset 0 1px rgba(255,255,255,.08); }
.legal-card { padding:clamp(25px,4vw,48px); }
.legal-card h2 { font-size:clamp(34px,4vw,60px); line-height:.9; }
.legal-card p,.legal-card li { color:rgba(238,242,239,.76); font-size:16px; line-height:1.58; }
.legal-card p:last-child { margin-bottom:0; }
.legal-card ul { margin:14px 0 0; padding-left:22px; }
.legal-card li+li { margin-top:7px; }
.legal-card strong { color:#fff; }
.legal-card a { color:#d8eee3; text-underline-offset:3px; }
.legal-side { position:sticky; top:20px; padding:24px; }
.legal-side span { display:block; color:#9cb5a9; font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.legal-side p { margin:12px 0 0; color:rgba(238,242,239,.72); font-size:14px; line-height:1.5; }
.legal-pending { border-color:rgba(189,214,197,.34); background:linear-gradient(135deg,rgba(173,201,183,.14),rgba(255,255,255,.03)); }
.legal-pending h2 { font-size:clamp(31px,3.6vw,49px); }
.legal-pending p { color:#e5eee8; }
.legal-footer { padding:27px 0 34px; border-top:1px solid rgba(255,255,255,.15); color:rgba(238,242,239,.55); font-size:13px; }
.legal-footer nav { display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:12px; }
.legal-footer a { text-underline-offset:3px; }
@media (max-width:760px) { .legal-container { width:min(100% - 32px,1180px); } .legal-header { padding:15px 0; } .legal-brand { font-size:17px; } .legal-brand img { width:38px; height:38px; } .legal-header__back { font-size:10px; } .legal-layout { grid-template-columns:1fr; padding-bottom:54px; } .legal-side { position:static; order:-1; border-radius:20px; } .legal-card { border-radius:22px; } .legal-card p,.legal-card li { font-size:15px; } }