:root{color-scheme:light dark;font-family:Inter,Arial,sans-serif;background:#101827;color:#edf4ff}body{margin:0;background:linear-gradient(135deg,#0b1220,#17324f);min-height:100vh}.wrap{max-width:980px;margin:0 auto;padding:42px 22px}nav{display:flex;gap:18px;margin-bottom:70px}a{color:#b8dcff;text-decoration:none}.hero{max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#8ec5ff;font-size:12px}h1{font-size:clamp(34px,6vw,64px);line-height:1.02;margin:0 0 18px}.hero p{font-size:20px;color:#d5e6f7}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:52px}article{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:22px;backdrop-filter:blur(12px)}h2{margin-top:0;color:#fff}article p{color:#d4e2f0}