:root { --bg:#0b1020; --text:#f5f7ff; --muted:#c5ceff; --accent:#50b4ff; }
*{box-sizing:border-box} body{margin:0;font-family:Arial,sans-serif;background:#060911;color:var(--text);line-height:1.5}
.topbar{position:sticky;top:0;display:flex;gap:1rem;justify-content:space-between;align-items:center;padding:1rem;background:rgba(6,9,17,.92);backdrop-filter:blur(6px);z-index:100}
.topbar a{color:var(--muted);text-decoration:none;margin:.2rem}.brand{font-weight:700}
.actions a{padding:.35rem .55rem;border:1px solid #304070;border-radius:6px}
.hero,.section{padding:18vh 8vw;min-height:60vh}
.tag{color:var(--accent);font-weight:600;letter-spacing:.04em;text-transform:uppercase}
h1{font-size:clamp(2rem,4.4vw,4rem);max-width:18ch;margin:.4rem 0} h2{font-size:clamp(1.5rem,3.2vw,2.5rem)}
ul,ol{max-width:65ch} li{margin:.5rem 0}
.btn{display:inline-block;background:var(--accent);color:#081023;padding:.8rem 1.1rem;margin-right:.6rem;border-radius:8px;text-decoration:none;font-weight:700}
.btn.ghost{background:transparent;color:var(--text);border:1px solid #9cb5ff}
.section-bg-1{background:linear-gradient(135deg,#131d3a,#091122)}
.section-bg-2{background:linear-gradient(135deg,#18263f,#10182b)}
.section-bg-3{background:linear-gradient(135deg,#1f2e4a,#121b30)}
.section-bg-4{background:linear-gradient(135deg,#243659,#16213a)}
.section-bg-5{background:linear-gradient(135deg,#2a4070,#1b2742)}
footer{padding:2rem 8vw;background:#05070f;color:#9faad0} footer a{color:#bcc6f2;text-decoration:none}
.low{opacity:.75}
.cookie-banner{position:fixed;bottom:1rem;left:1rem;right:1rem;background:#0f1730;border:1px solid #2d3f73;padding:1rem;border-radius:10px;display:flex;justify-content:space-between;gap:1rem;align-items:center}
.cookie-banner button{background:#7ac7ff;border:0;padding:.5rem .9rem;border-radius:6px}
.legal{padding:3rem 8vw}
@media (max-width:800px){.topbar{flex-wrap:wrap}.hero,.section{padding:12vh 6vw}}