html,body{margin:0;background:#050816;color:#fff;font-family:Segoe UI}#bg{position:fixed;inset:0;z-index:-1}header{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.6))}h1{font-size:4rem;text-shadow:0 0 20px #4cf}a{color:#fff;border:1px solid #4cf;padding:12px 24px;text-decoration:none;border-radius:30px}.grid,#flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;padding:60px}.card{background:rgba(255,255,255,.08);backdrop-filter:blur(10px);padding:30px;border:1px solid rgba(100,200,255,.4);border-radius:18px;transition:.4s}.card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 0 30px #39f}