:root{--primary:#6366f1;--primary-glow:#6366f166;--bg:#0f172a;--card-bg:#1e293bb3;--text:#f8fafc;--text-dim:#94a3b8;--glass:#ffffff0d;--glass-border:#ffffff1a;--accent:#f43f5e;--gradient-main:linear-gradient(135deg, #6366f1 0%, #a855f7 100%)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#6366f126 0,#0000 50%),radial-gradient(at 100% 100%,#a855f726 0,#0000 50%);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.glass{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:1rem}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary{background:var(--gradient-main);color:#fff;box-shadow:0 4px 15px var(--primary-glow);border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600}.btn-primary:hover{box-shadow:0 6px 20px var(--primary-glow);opacity:.9;transform:translateY(-2px)}.grid{gap:2rem;display:grid}.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}a{color:inherit;text-decoration:none}