body{margin:0;font-family:system-ui;background:#050511;color:#fff}
.bg{position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,#22d3ee33,transparent 60%),radial-gradient(circle at 80% 20%,#6366f133,transparent 60%),radial-gradient(circle at 50% 90%,#ec489933,transparent 60%);z-index:-1}
.top{display:flex;justify-content:space-between;align-items:center;padding:20px}
.top h1{margin:0;font-size:26px}
.top span{font-size:14px;color:#aaa;margin-left:8px}
.btn{padding:10px 14px;border-radius:14px;text-decoration:none;font-weight:800}
.wa{background:#22c55e;color:#000}
.hero{padding:40px 20px;text-align:center}
.products{padding:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.card{background:#ffffff10;border:1px solid #ffffff20;border-radius:18px;padding:16px}
.buy{display:block;margin-top:10px;padding:10px;border-radius:14px;background:#22d3ee;color:#000;text-decoration:none;font-weight:900;text-align:center}
footer{text-align:center;padding:20px;color:#aaa}