:root{--bg:#080b10;--panel:#111821;--neon:#b7ff00;--cyan:#00e5ff;--text:#f4f7fb;--muted:#b7c0cc}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top right,#13212b 0,#080b10 48%);color:var(--text);line-height:1.65}
header,main,footer{width:min(100% - 32px,960px);margin:auto}header{padding:28px 0;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;border-bottom:1px solid #26313d}
.brand{font-weight:800;letter-spacing:.4px;color:var(--neon);font-size:1.15rem}nav{display:flex;gap:16px;flex-wrap:wrap}a{color:var(--cyan)}nav a{text-decoration:none;color:var(--text)}nav a:hover{color:var(--neon)}
main{padding:52px 0 70px}.hero,.content{background:rgba(17,24,33,.92);border:1px solid #293746;border-radius:18px;padding:clamp(24px,5vw,48px)}
.eyebrow{color:var(--neon);font-weight:bold;text-transform:uppercase;letter-spacing:2px;font-size:.8rem}h1{font-size:clamp(2rem,6vw,3.5rem);line-height:1.12;margin:.5em 0}h2{color:var(--neon);margin-top:1.8em}p,li{color:#e0e6ee}.muted,small{color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.button{display:inline-block;padding:11px 17px;border-radius:9px;background:var(--neon);color:#101510;font-weight:bold;text-decoration:none}.button.secondary{background:transparent;border:1px solid var(--cyan);color:var(--cyan)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:24px}.card{border:1px solid #293746;background:#0c1219;border-radius:12px;padding:20px}.card h3{color:var(--cyan)}footer{padding:22px 0 38px;border-top:1px solid #26313d;color:var(--muted);font-size:.9rem}footer a{margin-right:16px}