:root{--bg:#0f0f0f;--surface:#1a1a1a;--border:#2a2a2a;--text:#f5f5f5;--muted:#888;--accent:#22c55e;--accent-hover:#16a34a}*{box-sizing:border-box}html{font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}body{margin:0;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .2s,transform .2s}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.btn{display:inline-block;padding:.75rem 1.5rem;background:var(--accent);color:#000;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.btn:hover{background:var(--accent-hover);color:#000;text-decoration:none}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}@media (max-width:700px){.product-layout{grid-template-columns:1fr!important}}