:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; background: #091326; color: #eef2fb; font-family: Arial, sans-serif; line-height: 1.6; }
a { color: #91b4ff; }
.legal-shell { width: min(920px, calc(100% - 40px)); margin: 0 auto; padding: 32px 0 70px; }
.legal-nav { display: flex; flex-wrap: wrap; gap: 16px; padding-bottom: 26px; border-bottom: 1px solid #273750; font-size: .92rem; }
.legal-brand { margin-right: auto; color: #ff8268; font-weight: 700; text-decoration: none; }
h1, h2 { font-family: Georgia, serif; color: #fff; } h1 { font-size: clamp(2.25rem, 6vw, 4rem); margin: 62px 0 12px; } h2 { margin-top: 42px; font-size: 1.55rem; }
.intro { color: #c0cada; font-size: 1.1rem; max-width: 760px; } .legal-card { margin-top: 28px; padding: 26px; border: 1px solid #2b3b57; border-radius: 10px; background: #111c30; }
li { margin: 9px 0; } .notice { color: #ffb19f; font-weight: 700; } footer { margin-top: 60px; padding-top: 22px; border-top: 1px solid #273750; color: #9aa8be; font-size: .9rem; }
@media (max-width: 600px) { .legal-shell { width: min(100% - 28px, 920px); } .legal-nav { gap: 10px 14px; } .legal-brand { flex-basis: 100%; } .legal-card { padding: 20px; } }