:root { color-scheme: dark; --ink:#f4eee0; --muted:#c8c1b2; --gold:#e8c95d; --line:rgba(244,238,224,.18); }
* { box-sizing:border-box; }
html { min-width:320px; background:#141510; }
body { min-width:320px; margin:0; color:var(--ink); background:radial-gradient(circle at 88% 3%,rgba(232,201,93,.15),transparent 26rem),linear-gradient(145deg,#1d1a15 0%,#10110e 66%,#18140f 100%); font-family:Manrope,system-ui,sans-serif; }
a { color:inherit; text-underline-offset:3px; }
.privacy-shell { width:min(100% - 32px,820px); min-height:100vh; margin:0 auto; padding:max(22px,env(safe-area-inset-top)) 0 max(40px,env(safe-area-inset-bottom)); }
.privacy-header { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.privacy-brand { color:var(--ink); font:700 clamp(1.2rem,3vw,1.6rem)/1 Caveat,cursive; text-decoration:none; }
.privacy-brand span { margin-left:7px; color:var(--gold); font:700 .67rem/1 Manrope,sans-serif; letter-spacing:.11em; vertical-align:middle; }
.privacy-back { border:1px solid var(--line); border-radius:999px; padding:10px 14px; color:var(--ink); font-size:.78rem; font-weight:700; text-decoration:none; }
.privacy-card { margin:clamp(52px,10vw,100px) 0 0; padding:clamp(24px,6vw,58px); border:1px solid var(--line); border-radius:5px; background:rgba(23,30,27,.9); box-shadow:0 28px 65px rgba(0,0,0,.26); }
.privacy-eyebrow { margin:0 0 11px; color:var(--gold); font-size:.68rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; }
h1,h2 { margin:0; font-family:Caveat,cursive; font-weight:700; letter-spacing:-.03em; }
h1 { font-size:clamp(2.9rem,8vw,5.6rem); line-height:.88; }
h2 { font-size:clamp(1.8rem,4vw,2.7rem); line-height:.95; }
.privacy-lead { max-width:670px; margin:27px 0 0; color:var(--muted); font-size:clamp(1rem,2.3vw,1.18rem); line-height:1.7; }
.privacy-card section { padding:26px 0; border-bottom:1px solid var(--line); }
.privacy-card section:first-of-type { margin-top:34px; border-top:1px solid var(--line); }
.privacy-card p:not(.privacy-lead) { margin:12px 0 0; color:var(--muted); font-size:.94rem; line-height:1.75; }
.privacy-card a { color:var(--ink); text-decoration-color:var(--gold); }
footer { padding:28px 0 0; color:#969080; font-size:.75rem; text-align:center; }
@media (max-width:560px) { .privacy-shell { width:min(100% - 28px,820px); } .privacy-brand span { display:block; margin:5px 0 0; } .privacy-back { padding:9px 11px; font-size:.7rem; } }