:root { color-scheme: dark; --night:#050713; --panel:rgba(13,18,41,.84); --ink:#f6f8ff; --muted:#929bbd; --cyan:#4de7ff; --violet:#a67cff; --green:#52f2b0; --line:rgba(167,188,255,.16); --line-bright:rgba(103,226,255,.34); }
* { box-sizing: border-box; }
body { min-width:320px; min-height:100vh; margin:0; color:var(--ink); background:radial-gradient(circle at 78% -10%,rgba(166,124,255,.15),transparent 34%),radial-gradient(circle at -8% 70%,rgba(77,231,255,.1),transparent 28%),var(--night); font-family:"IBM Plex Sans Arabic","Segoe UI",sans-serif; }
.grid-field { position:fixed; z-index:-1; inset:0; opacity:.25; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:34px 34px; mask-image:linear-gradient(to bottom,#000,transparent 92%); }
.legal-header,.legal-shell,footer { width:min(900px,calc(100% - 40px)); margin-inline:auto; }
.legal-header { display:flex; align-items:center; justify-content:space-between; min-height:86px; border-bottom:1px solid var(--line); }
.brand { display:inline-flex; align-items:center; gap:11px; color:var(--ink); text-decoration:none; }
.brand-mark { display:grid; place-items:center; width:42px; height:42px; border:1px solid var(--line-bright); border-radius:14px; background:linear-gradient(145deg,rgba(77,231,255,.25),rgba(166,124,255,.28)); font-weight:700; }
.brand strong { display:block; letter-spacing:.17em; }.brand small { display:block; color:var(--muted); font-size:8px; letter-spacing:.15em; }
.back-link { padding:9px 12px; border:1px solid var(--line); border-radius:11px; color:var(--muted); text-decoration:none; font-size:11px; }
.legal-shell { padding:55px 0 70px; }.eyebrow { color:var(--cyan); font-size:10px; font-weight:700; letter-spacing:.14em; }
h1 { margin:9px 0 10px; font-size:clamp(35px,6vw,58px); }.lead { max-width:680px; color:var(--muted); line-height:1.9; }
.policy-meta { display:flex; flex-wrap:wrap; gap:9px; margin:25px 0 30px; }.policy-meta span { padding:7px 10px; border:1px solid var(--line); border-radius:999px; color:var(--muted); background:rgba(13,18,41,.58); font-size:9px; }
section { display:grid; grid-template-columns:auto 1fr; gap:17px; margin-bottom:13px; padding:22px; border:1px solid var(--line); border-radius:20px; background:var(--panel); backdrop-filter:blur(16px); }
.section-number { color:var(--violet); font-size:10px; letter-spacing:.1em; }h2 { margin:0 0 8px; font-size:18px; }section p,li { color:var(--muted); font-size:12px; line-height:1.95; }section p { margin:0; }ul { margin:0; padding-right:18px; }
a { color:var(--cyan); }aside { margin-top:22px; padding:18px 20px; border:1px solid rgba(82,242,176,.22); border-radius:17px; color:var(--green); background:rgba(82,242,176,.055); font-size:11px; line-height:1.9; }
footer { padding:24px 0 34px; border-top:1px solid var(--line); color:var(--muted); font-size:10px; text-align:center; }
.footer-links { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 16px; margin-top:10px; }
.footer-links a { text-decoration:none; }
section strong { color:var(--ink); }
@media(max-width:560px){.legal-header,.legal-shell,footer{width:min(100% - 24px,900px)}.legal-header{min-height:72px}.legal-shell{padding-top:34px}section{grid-template-columns:1fr;gap:8px;padding:18px}.back-link{font-size:9px}}