:root { --cream:#fff1de; --dark:#161311; --beige:#b99a72; }
* { box-sizing:border-box; }
body { margin:0; background:#161311; color:var(--cream); font-family:system-ui,sans-serif; line-height:1.6; }
.legal-page { width:min(900px,calc(100% - 32px)); margin:0 auto; padding:32px 0 52px; }
.legal-back { color:var(--cream); text-decoration:none; font-weight:800; }
.legal-header { margin:30px 0 24px; padding:24px; border:1px solid rgba(255,241,220,.35); border-radius:16px; background:rgba(43,36,31,.8); }
.legal-header h1 { margin:0 0 8px; font-family:Anton,system-ui,sans-serif; font-size:clamp(32px,7vw,54px); letter-spacing:2px; line-height:1; }
.legal-header p { margin:0; color:rgba(255,241,220,.8); }
.legal-content { padding:28px; border:1px solid rgba(255,241,220,.28); border-radius:16px; background:#211c18; }
h2 { margin:28px 0 10px; color:#f2dfc0; font-size:20px; }
h2:first-child { margin-top:0; }
p,li { font-size:15px; }
ul { padding-left:21px; }
a { color:#f2dfc0; }
.notice { padding:14px; border-left:3px solid var(--beige); background:rgba(185,154,114,.14); }
@media (max-width:600px) { .legal-page { width:min(100% - 24px,560px); padding-top:20px; } .legal-header,.legal-content { padding:20px; } p,li { font-size:14px; } }