body{margin:0;background:#050816;color:#fff;font-family:Inter,Arial,sans-serif;overflow-x:hidden}
#bg{position:fixed;inset:0;z-index:-2}header{display:flex;justify-content:space-between;padding:24px 8%}
nav a{margin-left:24px;color:#cbd5e1}.logo{font-size:2rem;font-weight:700}
.hero{min-height:70vh;display:grid;place-items:center;text-align:center}
h1{font-size:4rem}.hero span{background:linear-gradient(90deg,#4f8cff,#9b5cff);-webkit-background-clip:text;color:transparent}
button{padding:14px 28px;border-radius:30px;border:0;background:#3b82f6;color:#fff;margin:8px}.ghost{background:transparent;border:1px solid #666}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:40px 8%}
.card{background:rgba(255,255,255,.08);backdrop-filter:blur(14px);padding:24px;border-radius:18px;border:1px solid rgba(255,255,255,.12);transition:.3s}
.card:hover{transform:translateY(-8px)}
.glow{position:fixed;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.25),transparent 70%);pointer-events:none;transform:translate(-50%,-50%)}footer{text-align:center;padding:40px;color:#94a3b8}