:root{--primary-blue:#2874f0;--secondary-orange:#fb641b;--bg-light:#f1f3f6;--bg-white:#fff;--text-primary:#212121;--text-secondary:#878787;--text-white:#fff;--border-color:#e0e0e0;--success-green:#388e3c;--error-red:#ff3f6c;--star-yellow:#ffc200;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--border-radius-sm:2px;--border-radius-md:4px;--border-radius-lg:8px;--shadow-sm:0 1px 1px 0 #0000000d;--shadow-md:0 2px 4px 0 #00000014;--shadow-lg:0 4px 16px 0 #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-light);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Roboto,Arial,sans-serif;line-height:1.4;overflow-x:hidden}a,button{color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-family:inherit;text-decoration:none;transition:all .2s}.card,.glass{background:var(--bg-white);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);overflow:hidden}.btn-primary,.neon-button{background:var(--secondary-orange);color:var(--text-white);border-radius:var(--border-radius-sm);text-transform:uppercase;padding:.75rem 2rem;font-weight:600;box-shadow:0 1px 2px #0003}.btn-primary:hover,.neon-button:hover{box-shadow:0 4px 8px #0003}.btn-secondary{background:var(--bg-white);color:var(--primary-blue);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);text-transform:uppercase;padding:.75rem 2rem;font-weight:600}.btn-secondary:hover{background:#f9f9f9}.text-bold{font-weight:600}.text-small{color:var(--text-secondary);font-size:.85rem}.price-text{color:var(--text-primary);font-size:1.25rem;font-weight:600}.product-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;max-width:1200px;margin:0 auto;padding:1rem;display:grid}@media (width<=768px){.product-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.5rem}}.layout{min-height:100vh;padding-top:64px}.page{max-width:1200px;margin:0 auto;padding:1rem}.page-transition{animation:.2s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.neon-text{color:var(--primary-blue);-webkit-text-fill-color:initial;background:0 0}.neon-border{border:1px solid var(--primary-blue)}.skeleton{background:#f2f2f2 linear-gradient(90deg,#f2f2f2 0,#e6e6e6 40px,#f2f2f2 80px) 0 0/600px;animation:1.6s linear infinite shine-skeleton}@keyframes shine-skeleton{0%{background-position:-100px}to{background-position:500px}}img{max-width:100%;height:auto;display:block}