*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#000;color:#fff}nav{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;padding:24px 8%;backdrop-filter:blur(16px);background:rgba(0,0,0,.3)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;position:relative}h1{font-size:clamp(3rem,8vw,6rem);font-weight:900}.hero p{margin:20px;color:#bbb}.btn,.ghost{display:inline-block;margin:10px;padding:14px 28px;border-radius:999px}.btn{background:#fff;color:#000}.ghost{border:1px solid #555}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;padding:80px 8%}.card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(18px);border-radius:24px;padding:28px;transition:.3s}.card:hover{transform:translateY(-8px)}footer{text-align:center;padding:60px;color:#888}.b{position:absolute;width:320px;height:320px;border-radius:50%;filter:blur(120px);opacity:.4;animation:f 8s infinite ease-in-out}.b1{background:#3b82f6;left:10%;top:10%}.b2{background:#8b5cf6;right:10%;bottom:15%}@keyframes f{50%{transform:translateY(-40px)}}