:root{--bg: #0b1220;--card: #121b2d;--text: #e8eef9;--muted: #b8c4d9;--primary: #6dd3ff;--accent: #9b8cff;--border: rgba(255,255,255,.08)}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top right,rgba(109,211,255,.18),transparent 28%),radial-gradient(circle at top left,rgba(155,140,255,.14),transparent 22%),var(--bg);color:var(--text);min-height:100%}body{min-height:100vh}a{text-decoration:none}.page{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:48px 0 64px}.hero{text-align:center;padding:56px 20px 40px}.badge{display:inline-block;padding:10px 16px;border:1px solid var(--border);border-radius:999px;background:#ffffff0a;margin-bottom:20px;font-weight:700}h1{margin:0;font-size:clamp(34px,5vw,64px);line-height:1.05}.lead{width:min(760px,100%);margin:18px auto 0;color:var(--muted);font-size:18px;line-height:1.7}.actions{margin-top:28px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.btn{padding:14px 22px;border-radius:12px;font-weight:700;transition:transform .18s ease}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#08111f}.btn.secondary{border:1px solid var(--border);color:var(--text);background:#ffffff08}.grid{margin-top:34px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card{background:#121b2deb;border:1px solid var(--border);border-radius:18px;padding:22px;color:var(--text);transition:transform .18s ease,border-color .18s ease}.card:hover{transform:translateY(-3px);border-color:#6dd3ff59}.card h2{margin:0 0 10px;font-size:22px}.card p{margin:0;color:var(--muted);line-height:1.6}.footer{text-align:center;margin-top:34px;color:var(--muted);font-size:14px}