body{margin:0;font-family:Inter,sans-serif;background:#050816;color:#fff;overflow-x:hidden}.bg{position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,#5b5cff55,transparent 30%),radial-gradient(circle at 80% 70%,#7b2cff55,transparent 30%),#050816;animation:f 12s ease-in-out infinite alternate;z-index:-1} @keyframes f{to{transform:scale(1.2) rotate(5deg)}}.wrap{max-width:900px;margin:auto;padding:60px 20px;text-align:center}.logo{width:220px;animation:fade 1s}.logo:hover{transform:scale(1.03)}h1{font-size:3rem;max-width:800px;margin:30px auto 15px}.sub{color:#c9c9d4;max-width:700px;margin:auto}.buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin:45px 0}.buttons a,.card a{text-decoration:none;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);padding:16px 22px;border-radius:16px;backdrop-filter:blur(14px);transition:.3s}.buttons a:hover,.card a:hover{transform:translateY(-4px);box-shadow:0 0 30px #6f6cff66}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;margin-top:30px}.card{background:rgba(255,255,255,.06);padding:28px;border-radius:24px;border:1px solid rgba(255,255,255,.12)}.card h2{margin-top:0}footer{margin:60px 0 20px;color:#9aa} @keyframes fade{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}