*{box-sizing:border-box}body{margin:0;background:#050816;color:#fff;font-family:Segoe UI}#bg{position:fixed;inset:0;z-index:-1}nav{display:flex;justify-content:space-between;padding:20px 8%;backdrop-filter:blur(12px);background:#0ff1;border-bottom:1px solid #2ff3;position:sticky;top:0}.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle,#0ff2,#050816)}h1{font-size:5rem;text-shadow:0 0 30px cyan}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;padding:60px}.card{padding:40px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid #37f5;backdrop-filter:blur(10px);transition:.4s}.card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 0 35px cyan}section{padding:60px 8%}