:root { --ink:#101014; --paper:#f8f6f0; --gold:#e6bc50; --gold-light:#f7d773; --muted:#6f6c68; --line:rgba(16,16,20,.13); --card:#fffdfa; --max:850px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
.wrap { width:min(var(--max),calc(100% - 48px)); margin-inline:auto; }
.site-header { color:#fff; background:#101014; }
.nav { min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.brand { display:inline-flex; align-items:center; gap:10px; color:#fff; font-size:22px; font-weight:800; letter-spacing:-.065em; text-decoration:none; }
.brand-mark { width:29px; height:35px; display:grid; place-items:center; color:var(--gold-light); border:2px solid currentColor; border-radius:8px; transform:rotate(-8deg); font-size:17px; line-height:1; }
.nav-links { display:flex; gap:8px; align-items:center; }
.nav-links a { padding:9px 13px; color:rgba(255,255,255,.72); border-radius:999px; font-size:14px; text-decoration:none; transition:color .2s ease,background .2s ease; }
.nav-links a:hover,.nav-links a:focus-visible,.nav-links a[aria-current="page"] { color:#17130b; background:var(--gold-light); outline:none; }
.legal-hero { padding:72px 0 67px; color:#fff; background:linear-gradient(120deg,#28243a,#111116 68%); }
.eyebrow { margin:0 0 14px; color:var(--gold-light); font-size:11px; font-weight:800; letter-spacing:.15em; }
.legal-hero h1 { max-width:650px; margin:0; font-size:clamp(45px,7vw,72px); line-height:1; letter-spacing:-.07em; }
.legal-hero p { max-width:520px; margin:19px 0 0; color:#c2bec6; font-size:16px; line-height:1.7; }
.policy { margin:-27px auto 0; padding:clamp(28px,5vw,58px); border:1px solid rgba(16,16,20,.08); border-radius:22px; background:var(--card); box-shadow:0 20px 50px rgba(21,17,10,.09); }
.policy h1 { margin:0 0 8px; font-size:clamp(33px,5vw,48px); line-height:1.08; letter-spacing:-.06em; }
.policy h2 { margin:50px 0 16px; padding-top:24px; border-top:1px solid var(--line); font-size:24px; line-height:1.18; letter-spacing:-.045em; }
.policy h2:first-of-type { margin-top:39px; }
.policy p { margin:0 0 18px; color:#403d3b; font-size:16px; line-height:1.8; }
.policy p:nth-of-type(1),.policy p:nth-of-type(2) { color:var(--muted); font-size:14px; line-height:1.6; }
.policy a { color:#755514; text-decoration-thickness:1px; text-underline-offset:3px; }
.status { color:var(--muted); font-size:15px; line-height:1.6; }
.status.error { color:#8f2828; }
.status a { font-weight:700; }
.legal-footer { display:flex; justify-content:space-between; gap:24px; padding:31px 0 39px; color:var(--muted); font-size:13px; }
.legal-footer nav { display:flex; gap:18px; }
.legal-footer a { text-decoration:none; }
.legal-footer a:hover,.legal-footer a:focus-visible { color:var(--ink); text-decoration:underline; text-underline-offset:3px; }
@media (max-width:600px) { .wrap { width:min(100% - 32px,var(--max)); } .nav { min-height:70px; } .brand { font-size:20px; } .nav-links a { padding-inline:10px; } .legal-hero { padding:52px 0 57px; } .policy { margin-top:-20px; border-radius:17px; } .policy h2 { margin-top:39px; font-size:22px; } .policy p { font-size:15px; line-height:1.75; } .legal-footer { flex-direction:column; gap:13px; } }