:root{--sf-bg: #0b1020;--sf-fg: #f8fafc;--sf-primary: #38bdf8;--sf-primary-fg: #082f49;--sf-accent: #f59e0b;--sf-muted: #1e293b;--sf-border: #334155;--sf-font-base: Inter, system-ui, sans-serif;--sf-font-heading: Inter, system-ui, sans-serif;--sf-font-size: 16px;--sf-space-unit: 8px;--sf-radius: 12px;--sf-container-width: 1100px}*{box-sizing:border-box}body{margin:0;font-family:var(--sf-font-base);font-size:var(--sf-font-size);background:var(--sf-bg);color:var(--sf-fg)}.page{max-width:var(--sf-container-width);margin:0 auto;padding:calc(var(--sf-space-unit) * 3)}.hero{background:linear-gradient(135deg,var(--sf-muted),transparent);border:1px solid var(--sf-border);border-radius:var(--sf-radius);padding:calc(var(--sf-space-unit) * 3)}.badge{color:var(--sf-primary);margin:0 0 8px}.products{margin-top:calc(var(--sf-space-unit) * 3)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:calc(var(--sf-space-unit) * 2)}.card{border:1px solid var(--sf-border);border-radius:var(--sf-radius);padding:calc(var(--sf-space-unit) * 2);background:#ffffff05}button{border:0;background:var(--sf-primary);color:var(--sf-primary-fg);border-radius:999px;padding:8px 14px;font-weight:600}.footer{margin-top:calc(var(--sf-space-unit) * 3);display:flex;justify-content:space-between;align-items:center}.compact .hero,.compact .card{border-radius:8px}.notfound{min-height:100vh;display:grid;align-content:center}