*{box-sizing:border-box;font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial}
:root{--pink:#FE2C55;--cyan:#25F4EE}
html,body{margin:0;background:#000;color:#f8fafc}
.topbar{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid #111;background:#000}
.brand{display:flex;align-items:center;gap:8px;font-weight:800}
.dot{width:10px;height:10px;border-radius:999px}
.dot.cyan{background:var(--cyan)} .dot.pink{background:var(--pink)}
.container{max-width:980px;margin:26px auto;padding:0 16px}
.card{display:flex;flex-direction:column;gap:16px;background:#0a0a0a;border:1px solid #171717;border-radius:16px;padding:16px}
.hero{width:100%;border-radius:12px;border:1px solid #1d1d1d;object-fit:cover}
.title{margin:6px 0 4px}
.desc{color:#cbd5e1;margin:0 0 12px}
.buy{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;border-radius:999px;
      background:linear-gradient(90deg,var(--cyan),var(--pink));color:#0a0a0a;padding:14px 22px;font-weight:900;
      box-shadow:0 12px 28px rgba(37,244,238,.24),0 12px 28px rgba(254,44,85,.18);transition:transform .06s ease,box-shadow .2s ease}
.buy:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(37,244,238,.34),0 16px 32px rgba(254,44,85,.26)}
.buy small{opacity:.9;font-weight:800}
.note{margin-top:10px;color:#9aa3af}
@media(min-width:860px){.card{flex-direction:row}.hero{width:52%}.info{flex:1}}