@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");.cosmo-theme{--cosmo-bg:#0a0a0a;--cosmo-surface:#111111;--cosmo-surface-2:#1a1a2e;--cosmo-accent:#00d4ff;--cosmo-text:#ffffff;--cosmo-text-muted:#888888;--cosmo-border:rgba(255,255,255,0.1);background:var(--cosmo-bg);color:var(--cosmo-text);font-family:Inter,system-ui,sans-serif}.cosmo-theme *{box-sizing:border-box}.cosmo-theme html{scroll-behavior:smooth}.cosmo-theme body{margin:0;min-height:100vh;background:var(--cosmo-bg)}.cosmo-theme .glass{background:rgba(255,255,255,.05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.cosmo-theme .glow-accent{box-shadow:0 0 20px rgba(0,212,255,.3)}.cosmo-theme .text-glow{text-shadow:0 0 10px rgba(0,212,255,.5)}.cosmo-theme .container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media (min-width:640px){.cosmo-theme .container{padding-left:2rem;padding-right:2rem}}.cosmo-theme .btn-accent{background:var(--cosmo-accent);color:#0a0a0a;font-weight:600;padding:.75rem 1.5rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .3s ease}.cosmo-theme .btn-accent:hover{box-shadow:0 0 24px rgba(0,212,255,.5);transform:translateY(-1px)}.cosmo-theme .card-hover{transition:all .3s ease}.cosmo-theme .card-hover:hover{transform:scale(1.02);box-shadow:0 0 30px rgba(0,212,255,.2)}.cosmo-theme .product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (min-width:768px){.cosmo-theme .product-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.cosmo-theme .product-grid{grid-template-columns:repeat(4,1fr)}}.cosmo-theme ::-webkit-scrollbar{width:8px;height:8px}.cosmo-theme ::-webkit-scrollbar-track{background:var(--cosmo-surface)}.cosmo-theme ::-webkit-scrollbar-thumb{background:var(--cosmo-surface-2);border-radius:4px}.cosmo-theme ::-webkit-scrollbar-thumb:hover{background:var(--cosmo-accent);opacity:.5}.cosmo-theme .transition-base{transition:all .3s cubic-bezier(.4,0,.2,1)}.cosmo-theme .animate-fade-in{animation:cosmo-fade-in .5s ease-out forwards}@keyframes cosmo-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cosmo-theme button:focus-visible,.cosmo-theme input:focus{outline:2px solid var(--cosmo-accent);outline-offset:2px}