@font-face { font-family:Manrope; src:url('/fonts/Manrope-Regular.woff2') format('woff2'); font-style:normal; font-weight:400; font-display:swap; }
@font-face { font-family:Manrope; src:url('/fonts/Manrope-Medium.woff2') format('woff2'); font-style:normal; font-weight:500; font-display:swap; }
@font-face { font-family:Manrope; src:url('/fonts/Manrope-SemiBold.woff2') format('woff2'); font-style:normal; font-weight:600; font-display:swap; }
:root { color-scheme:dark; --bg:#07111f; --surface:#0d1b2d; --line:rgba(148,177,216,.18); --text:#f5f8fc; --muted:#a9b9cc; --blue:#2f8fe5; --blue-hover:#48a2f0; --cyan:#4bc8c0; font-family:Manrope,"Segoe UI",Arial,sans-serif; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); line-height:1.72; }
body::before { content:""; position:fixed; inset:0; z-index:-1; background:radial-gradient(circle at 75% 5%,rgba(30,113,207,.18),transparent 28rem),radial-gradient(circle at 10% 35%,rgba(24,193,168,.07),transparent 25rem); }
a { color:var(--blue-hover); }
.legal-header { width:min(1080px,calc(100% - 40px)); min-height:82px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:inline-flex; align-items:center; gap:10px; color:var(--text); text-decoration:none; letter-spacing:.08em; }
.brand-mark { display:grid; place-items:center; width:34px; height:34px; border-radius:9px; background:var(--blue); color:#fff; font-weight:900; }
.brand strong { font-weight:600; font-size:1.05rem; }
.brand small { color:var(--muted); font-size:.72rem; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:40px; padding:0 15px; border:1px solid var(--line); border-radius:10px; color:#c5d2e1; text-decoration:none; font-size:.88rem; font-weight:600; transition:background-color .18s ease,border-color .18s ease,color .18s ease; }
.button:hover { border-color:rgba(83,168,255,.42); background:rgba(47,143,229,.1); color:#fff; }
.legal-shell { width:min(900px,calc(100% - 40px)); margin:45px auto 80px; }
.legal-card { padding:clamp(30px,6vw,64px); border:1px solid var(--line); border-radius:24px; background:linear-gradient(145deg,rgba(17,36,59,.94),rgba(9,23,39,.94)); box-shadow:0 30px 70px rgba(0,0,0,.25); }
.eyebrow { margin:0 0 10px; color:var(--cyan); font-size:.76rem; font-weight:600; letter-spacing:.15em; text-transform:uppercase; }
h1 { margin:0 0 4px; font-size:clamp(2.4rem,6vw,4.4rem); line-height:1.05; letter-spacing:-.045em; }
h2 { margin:38px 0 10px; font-size:1.25rem; line-height:1.3; }
p,li { color:#bac8d8; }
.legal-updated { margin-bottom:34px; color:#8296af; font-size:.85rem; }
.legal-footer { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 14px; margin-top:28px; color:#7389a3; font-size:.82rem; }
.legal-footer a { color:#adbed2; text-decoration:none; }
.legal-footer a:hover { color:var(--text); text-decoration:underline; }
@media (max-width:620px) { .legal-header,.legal-shell { width:min(100% - 28px,1080px); } .legal-header { min-height:72px; } .brand small { display:none; } .legal-shell { margin-top:25px; } .legal-card { border-radius:18px; } }