:root{--bg:#0e0f12;--card:#15171b;--muted:#9aa1ac;--text:#f7f8fa;--ring:#3a3f47}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif}.container{max-width:1200px;margin:0 auto;padding:24px}.btn{background:transparent;border:1px solid var(--ring);padding:10px 16px;border-radius:999px;color:var(--text);cursor:pointer}.pill{border:1px solid var(--ring);border-radius:999px;padding:12px 18px;font-weight:700;background:#0f1216}.card{background:var(--card);border:1px solid var(--ring);border-radius:14px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}@media (max-width:1000px){.grid4{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.grid4{grid-template-columns:1fr}}a{color:inherit;text-decoration:none}.product-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.product-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #00000059;border-color:#2a2f37}.thumb-wrap{display:block;position:relative;border-radius:10px;overflow:hidden;border:1px solid #20232a}.thumb{height:140px;display:grid;place-items:center;color:#ddd;font-weight:700;font-size:20px;background:radial-gradient(120% 120% at 0% 0%,#0f1115,#171a1f 45%,#0f1115);transform:scale(1);transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s}.thumb-wrap:hover .thumb{transform:scale(1.07);filter:brightness(1.08)}.btn-cta{border:none;color:#0b0b0b;font-weight:800;background:linear-gradient(180deg,#ffb347,#ff8c00);box-shadow:0 6px 18px #ff8c0040;transition:transform .15s ease,box-shadow .15s ease,filter .2s}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 10px 26px #ff8c0059;filter:saturate(1.1) brightness(1.05)}.btn-cta:active{transform:translateY(0) scale(.99)}