:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background:#07100a; color:#e8f2e9; }
* { box-sizing:border-box; }
body { min-width:320px; margin:0; background:radial-gradient(circle at 15% 0%,#183420 0,#07100a 38rem); color:#dbe8dd; }
a { color:#93efa0; }
.legal-shell { width:min(920px,calc(100% - 32px)); margin:0 auto; padding:28px 0 70px; }
.legal-header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-bottom:28px; border-bottom:1px solid #2b4432; }
.legal-brand { color:#f2f8f2; font-size:.82rem; font-weight:900; letter-spacing:.12em; text-decoration:none; }
.legal-brand small { display:block; margin-top:4px; color:#75dd83; font-size:.58rem; letter-spacing:.1em; }
.back-link { color:#a6b7a9; font-size:.76rem; font-weight:800; text-decoration:none; }
.back-link:hover { color:#93efa0; }
.legal-title { margin:58px 0 12px; color:#f2f8f3; font-size:clamp(2.2rem,6vw,4rem); letter-spacing:-.065em; line-height:1; }
.legal-intro { max-width:680px; margin:0 0 34px; color:#aebfb1; font-size:1rem; line-height:1.65; }
.legal-updated { margin:-22px 0 34px; color:#819584; font-size:.72rem; }
.legal-content { display:grid; gap:26px; }
.legal-content section { padding-top:22px; border-top:1px solid #203524; }
.legal-content h2 { margin:0 0 9px; color:#edf6ee; font-size:1.15rem; }
.legal-content h3 { margin:17px 0 7px; color:#dceadd; font-size:.9rem; }
.legal-content p,.legal-content li { color:#aebcaf; font-size:.82rem; line-height:1.7; }
.legal-content p { margin:0 0 10px; }
.legal-content ul { display:grid; gap:7px; margin:8px 0 0; padding-left:20px; }
.legal-note { padding:15px 17px; border:1px solid #416c49; border-radius:12px; background:#102417; color:#c9dfcc !important; }
.legal-footer { display:flex; flex-wrap:wrap; gap:14px 22px; margin-top:45px; padding-top:20px; border-top:1px solid #2b4432; color:#809282; font-size:.7rem; }
.legal-footer a { color:#a7b8a9; text-decoration:none; }
.legal-footer a:hover { color:#93efa0; text-decoration:underline; }
@media (max-width:600px) { .legal-shell { width:min(100% - 28px,920px); padding-top:19px; }.legal-header { align-items:flex-start; flex-direction:column; gap:12px; }.legal-title { margin-top:42px; } }