*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#050505;color:#fff}canvas,#bg{position:fixed;inset:0;z-index:-1}#bg{background:radial-gradient(circle at 20% 20%,#ffd40022,transparent 30%)}nav{position:fixed;width:100%;display:flex;justify-content:space-between;padding:18px 8%;background:#0009}a{color:#ffd400;text-decoration:none;margin-left:20px}.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 8%}span,h2,.logo{color:#ffd400}.btn{background:#ffd400;color:#000;padding:14px 24px;border-radius:30px;text-decoration:none;width:max-content}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.card{background:#ffffff10;padding:20px;border-radius:16px;transition:.3s}.card:hover{transform:translateY(-8px);box-shadow:0 0 20px #ffd40055}section{padding:70px 8%}