:root{--background:#ffffff;--foreground:#1a1a1a;--primary:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--secondary:#64748b;--accent:#f59e0b;--muted:#94a3b8;--border:#e2e8f0;--card:#ffffff;--card-hover:#f8fafc;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-accent:linear-gradient(135deg,#4facfe,#00f2fe);--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1)}@media (prefers-color-scheme:dark){:root{--background:#0f0f23;--foreground:#f8fafc;--primary:#818cf8;--primary-light:#a5b4fc;--primary-dark:#6366f1;--secondary:#cbd5e1;--accent:#fbbf24;--muted:#64748b;--border:#1e293b;--card:#1e293b;--card-hover:#334155;--gradient-primary:linear-gradient(135deg,#818cf8,#a5b4fc);--gradient-secondary:linear-gradient(135deg,#fbbf24,#f59e0b);--gradient-accent:linear-gradient(135deg,#60a5fa,#3b82f6)}}body,html{max-width:100vw;overflow-x:hidden;scroll-behavior:smooth}body{color:var(--foreground);background:var(--background);font-family:Bemio,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;font-size:16px}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none;transition:all .2s ease}a:hover{color:var(--primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--border)}::-webkit-scrollbar-thumb{background:var(--muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}::selection{background:var(--primary-light);color:white}:focus{outline:2px solid var(--primary);outline-offset:2px}*{transition:all .2s ease}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;letter-spacing:-.025em}em,i{font-style:normal}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700}h2{font-size:clamp(2rem,4vw,3rem)}h2,h3{font-weight:600}h3{font-size:clamp(1.5rem,3vw,2rem)}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:all .2s ease}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);transition:all .3s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width:640px){.container{padding:0 2rem}}@media (min-width:1024px){.container{padding:0 4rem}}.tab-hover-simple:hover{transform:translateY(-2px);transition:transform .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.product-card-simple:hover{transform:translateY(-4px);transition:transform .3s ease}.btn-simple{transition:all .3s ease}.btn-simple:hover{transform:translateY(-2px)}.sidebar-scrollbar::-webkit-scrollbar{width:6px}.sidebar-scrollbar::-webkit-scrollbar-track{background:rgba(0,95,115,.1);border-radius:3px}.sidebar-scrollbar::-webkit-scrollbar-thumb{background:rgba(0,95,115,.3);border-radius:3px;-webkit-transition:background .3s ease;transition:background .3s ease}.sidebar-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(0,95,115,.5)}@media (max-width:600px){h1{font-size:clamp(1.8rem,8vw,2.5rem)}h2{font-size:clamp(1.5rem,6vw,2rem)}h3{font-size:clamp(1.2rem,5vw,1.5rem)}body{font-size:14px}}@media (min-width:1200px){h1{font-size:clamp(3rem,6vw,5rem)}h2{font-size:clamp(2.2rem,4vw,3.5rem)}h3{font-size:clamp(1.8rem,3vw,2.5rem)}}@keyframes loadingPulse{0%,to{opacity:1}50%{opacity:.5}}.loading-skeleton{animation:loadingPulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.product-card:focus-within{outline:2px solid #005f73;outline-offset:4px;border-radius:16px}.page-transition{animation:fadeInUp .6s ease-out}@media (max-width:600px){.product-grid{gap:16px}.product-card{margin-bottom:16px}}@media (min-width:600px) and (max-width:900px){.product-grid{gap:20px}.product-card{margin-bottom:20px}}@media (min-width:900px){.product-grid{gap:24px}.product-card{margin-bottom:24px}}.product-card-simple{display:flex;flex-direction:column;align-items:center;text-align:center}.product-card-simple .product-image{width:100%;border-radius:12px 12px 0 0}.product-card-simple .product-content{padding:16px;width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.product-grid-item{display:flex}.product-card{width:100%;display:flex;flex-direction:column}.product-card-content{flex:1 1;display:flex;flex-direction:column;justify-content:space-between}.product-card:hover .hover-icon{opacity:1!important;transform:scale(1)!important}.product-card .product-image{transition:transform .4s cubic-bezier(.4,0,.2,1)}.product-card:hover .product-image{transform:scale(1.1)}.product-card .MuiIconButton-root{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.product-card .MuiIconButton-root:hover{background-color:rgba(255,255,255,.95)!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important}