*{box-sizing:border-box;font-family:Inter, system-ui, -apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial}
body{margin:0;background:#000;color:#f5f6f7}
.topbar{background:#000;border-bottom:1px solid #111;padding:14px 18px}
.brand{display:flex;align-items:center;gap:8px;color:#fff;font-weight:700}
.dot-cyan,.dot-pink{width:10px;height:10px;border-radius:50%}
.dot-cyan{background:#25F4EE}.dot-pink{background:#FE2C55}
.container{max-width:980px;margin:26px auto;padding:0 16px}
.product{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}
.info h1{margin:8px 0 6px;color:#fff}
.desc{color:#d2d5db;margin:4px 0 12px}
.buy-button{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;
background:linear-gradient(90deg,#25F4EE,#FE2C55);color:#fff;padding:14px 20px;border-radius:999px;
font-weight:800;font-size:18px;box-shadow:0 10px 26px rgba(37,244,238,0.25),0 10px 26px rgba(254,44,85,0.15);
transition:transform .08s ease, box-shadow .2s ease;margin-top:10px}
.buy-button:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(37,244,238,0.35),0 14px 30px rgba(254,44,85,0.25)}
.buy-button:active{transform:translateY(0)}
.btn-line1{line-height:1}
.btn-line2{font-weight:700;opacity:.95;font-size:12px;line-height:1;margin-top:2px}
.helper{margin-top:10px;color:#b7bbc2}
.helper-link{color:#25F4EE}
@media(min-width:860px){.product{flex-direction:row}.hero{width:52%}.info{flex:1}}