:root { color-scheme: dark; --surface: rgba(255,255,255,.07); --border: rgba(196,181,253,.22); --text:#fafafa; --muted:#c4bdce; --accent:#b99cff; --max-width:980px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-height:100vh; overflow-x:hidden; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--text); background:radial-gradient(circle at 12% 8%,rgba(139,92,246,.27),transparent 32rem),radial-gradient(circle at 90% 42%,rgba(88,28,135,.2),transparent 30rem),linear-gradient(155deg,#050409 0%,#110825 58%,#250d51 100%); line-height:1.68; }
a { color:inherit; text-underline-offset:4px; }
.shell { width:min(calc(100% - 40px),var(--max-width)); margin:0 auto; }
header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:20px 0; }
.brand { display:inline-flex; flex:0 0 auto; text-decoration:none; }
.brand img { display:block; width:124px; height:82px; object-fit:contain; filter:drop-shadow(0 10px 22px rgba(0,0,0,.28)); }
nav { display:flex; align-items:center; gap:20px; color:var(--muted); font-size:.9rem; }
main { padding:64px 0 80px; }
.hero { max-width:760px; margin-bottom:34px; }
.eyebrow { margin:0 0 12px; color:var(--accent); font-size:.8rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
h1 { margin:0; font-size:clamp(2.6rem,7vw,5rem); line-height:1; letter-spacing:-.05em; }
.summary { max-width:700px; margin:22px 0 0; color:var(--muted); font-size:1.08rem; }
.updated { display:inline-flex; align-items:center; margin-top:20px; padding:7px 11px; border:1px solid var(--border); border-radius:999px; background:var(--surface); color:var(--muted); font-size:.82rem; }
.legal-card { padding:clamp(24px,5vw,48px); border:1px solid var(--border); border-radius:26px; background:var(--surface); box-shadow:0 28px 80px rgba(0,0,0,.2); backdrop-filter:blur(18px); }
.legal-section + .legal-section { margin-top:32px; padding-top:32px; border-top:1px solid var(--border); }
.legal-section h2 { margin:0 0 10px; font-size:1.22rem; letter-spacing:-.015em; }
.legal-section p { margin:0; color:var(--muted); }
.legal-section p + p { margin-top:12px; }
.legal-section ul { margin:0; padding:0; list-style:none; }
.legal-section li { position:relative; padding-left:22px; color:var(--muted); }
.legal-section li + li { margin-top:10px; }
.legal-section li::before { content:""; position:absolute; top:.7em; left:2px; width:7px; height:7px; border-radius:50%; background:var(--accent); box-shadow:0 0 14px rgba(185,156,255,.7); }
.legal-section strong { color:var(--text); }
.contact-card { margin-top:26px; padding:24px; border:1px solid rgba(185,156,255,.4); border-radius:20px; background:linear-gradient(135deg,rgba(185,156,255,.13),rgba(139,92,246,.08)); }
.contact-card h2 { margin:0 0 6px; font-size:1.15rem; }
.contact-card p { margin:0; color:var(--muted); }
.contact-card a { color:var(--text); font-weight:750; }
footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:28px 0 40px; border-top:1px solid var(--border); color:var(--muted); font-size:.9rem; }
.footer-links { display:flex; flex-wrap:wrap; gap:18px; }
@media (max-width:620px) { .shell{width:calc(100% - 32px)} header{gap:14px}.brand img{width:102px;height:70px}nav{gap:10px;font-size:.82rem}nav .optional{display:none}main{padding-top:38px}.legal-section + .legal-section{margin-top:26px;padding-top:26px}footer{align-items:flex-start;flex-direction:column} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto} }