:root { color-scheme: dark; --red:#e30613; --paper:#f8f5ef; --ink:#0a0d12; --line:rgba(248,245,239,.16); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
html { background:var(--ink); color:var(--paper); }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 88% 5%,rgba(227,6,19,.22),transparent 30%),var(--ink); }
a { color:inherit; }
.hg-legal-header { position:sticky; top:0; z-index:4; display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:74px; padding:14px clamp(18px,4vw,64px); border-bottom:1px solid var(--line); background:rgba(10,13,18,.9); backdrop-filter:blur(18px); }
.hg-legal-brand { display:flex; align-items:center; gap:12px; text-decoration:none; font-weight:950; letter-spacing:-.04em; }
.hg-legal-brand img { width:42px; height:42px; border-radius:12px; }
.hg-legal-header > a:last-child { padding:11px 15px; border:1px solid var(--line); border-radius:999px; font-size:12px; font-weight:850; text-decoration:none; }
.hg-legal-main { width:min(880px,calc(100% - 36px)); margin:0 auto; padding:clamp(54px,8vw,110px) 0 100px; }
.hg-legal-kicker { margin:0 0 18px; color:#ff4450; font-size:11px; font-weight:900; letter-spacing:.16em; }
h1 { max-width:780px; margin:0; font-size:clamp(42px,8vw,92px); line-height:.88; letter-spacing:-.07em; }
.hg-legal-lead { max-width:710px; margin:30px 0 48px; color:rgba(248,245,239,.7); font-size:clamp(17px,2.4vw,22px); line-height:1.5; }
.hg-legal-alert { margin:0 0 28px; padding:20px; border-left:5px solid var(--red); background:rgba(227,6,19,.12); line-height:1.55; }
.hg-legal-section { padding:30px 0; border-top:1px solid var(--line); }
.hg-legal-section h2 { margin:0 0 16px; font-size:24px; letter-spacing:-.04em; }
.hg-legal-section p,.hg-legal-section li { color:rgba(248,245,239,.72); line-height:1.7; }
.hg-legal-section strong { color:var(--paper); }
.hg-legal-links { display:flex; flex-wrap:wrap; gap:10px; margin-top:42px; }
.hg-legal-links a { padding:12px 15px; border:1px solid var(--line); border-radius:999px; text-decoration:none; font-size:12px; font-weight:850; }
@media(max-width:540px){ .hg-legal-header{min-height:62px;padding:10px 14px}.hg-legal-brand img{width:36px;height:36px}.hg-legal-main{width:min(100% - 28px,880px)} }