:root{--primary:#84DC00;--primary-light:#A8E633;--primary-dark:#5DA800;--secondary:#7b3cc3;--secondary-light:#9d5dd3;--secondary-dark:#5a2b99;--tertiary:#FFA500;--tertiary-light:#FFBF00;--tertiary-dark:#CC8400;--warning:#FF4444;--warning-light:#FF6666;--warning-dark:#CC0000;--background:#ffffff;--foreground:#1a1a1a;--muted:#94a3b8;--border:#e2e8f0;--card:#ffffff;--card-hover:#f8fafc;--gradient-primary:linear-gradient(135deg,#84DC00,#A8E633);--gradient-secondary:linear-gradient(135deg,#7b3cc3,#9d5dd3);--gradient-tertiary:linear-gradient(135deg,#FFA500,#FFBF00);--gradient-accent:linear-gradient(135deg,#84DC00,#0066FF 50%,#FFA500);--shadow-sm:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);--shadow-md:0 3px 6px rgba(0,0,0,0.15),0 2px 4px rgba(0,0,0,0.12);--shadow-lg:0 10px 20px rgba(0,0,0,0.15),0 3px 6px rgba(0,0,0,0.10);--shadow-xl:0 15px 25px rgba(0,0,0,0.15),0 5px 10px rgba(0,0,0,0.05);--shadow-glow:0 0 20px rgba(132,220,0,0.3)}@media (prefers-color-scheme:dark){:root{--background:#0f1419;--foreground:#f8fafc;--muted:#64748b;--border:#1e293b;--card:#1e293b;--card-hover:#334155;--gradient-primary:linear-gradient(135deg,#A8E633,#84DC00);--gradient-secondary:linear-gradient(135deg,#9d5dd3,#7b3cc3);--gradient-tertiary:linear-gradient(135deg,#FFBF00,#FFA500);--gradient-accent:linear-gradient(135deg,#A8E633,#3399FF 50%,#FFBF00)}}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}