:root{--bg: #060b18;--panel: rgba(255,255,255,.06);--border: rgba(120,170,255,.2);--text: rgba(255,255,255,.9);--muted: rgba(255,255,255,.68);--accent: #4aa3ff;--accent2: #7dd3ff}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial;background:radial-gradient(900px 500px at 20% 10%,rgba(74,163,255,.2),transparent 60%),radial-gradient(700px 500px at 80% 30%,rgba(125,211,255,.14),transparent 60%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.container{width:min(1120px,calc(100% - 32px));margin:0 auto}.card{background:var(--panel);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 10px 40px #00000059}.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;border:1px solid var(--border);background:linear-gradient(90deg,#4aa3ff2e,#7dd3ff1a);color:var(--text);cursor:pointer}.btn:hover{box-shadow:0 0 0 4px #4aa3ff1f}.badge{font-size:12px;color:var(--accent2);border:1px solid var(--border);padding:6px 10px;border-radius:999px}.h1{font-size:44px;line-height:1.05;margin:0;letter-spacing:-.5px}.p{color:var(--muted);line-height:1.6}.grid{display:grid;gap:16px}@media(min-width:900px){.grid-4{grid-template-columns:repeat(4,1fr)}}@media(min-width:900px){.grid-3{grid-template-columns:repeat(3,1fr)}}