@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Quicksand:wght@400;500;600;700&display=swap";:root{--color-teal:#0d9488;--color-teal-hover:#0f766e;--color-red:#b91c1c;--color-red-hover:#991b1b;--color-blue:#0284c7;--color-blue-hover:#0369a1;--color-green:#047857;--color-green-hover:#065f46;--color-yellow:#b45309;--color-yellow-hover:#92400e;--bg-primary:#fdfcf9;--bg-secondary:#f6f3ed;--bg-card:#fff;--bg-card-hover:#fafafa;--text-primary:#2d3142;--text-secondary:#4f5d75;--text-muted:#57534e;--border-color:#ebdcd0;--accent-soft:#0d948814;--shadow-sm:0 2px 8px #b4aa9614;--shadow-md:0 8px 20px #b4aa961f;--shadow-lg:0 16px 36px #b4aa9629;--shadow-hover:0 24px 48px #b4aa9638;--font-sans:"Quicksand", "Outfit", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", "Quicksand", system-ui, sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.35s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}:root.starry-night{--bg-primary:#070b19;--bg-secondary:#0f172a;--bg-card:#15203b;--bg-card-hover:#1b294a;--text-primary:#f3f4f6;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-color:#1e2e54;--accent-soft:#0d948826;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 24 #00000059;--shadow-lg:0 16px 48px #00000080;--shadow-hover:0 24px 60px #0009}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-normal), color var(--transition-normal);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button,input,select{font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:700;line-height:1.25}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.navbar-header{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);transition:background-color var(--transition-normal), border-color var(--transition-normal);background-color:#fdfcf9d9;position:sticky;top:0}.starry-night .navbar-header{background-color:#070b19d9}.navbar-container{justify-content:space-between;align-items:center;height:80px;display:flex}.nav-links{gap:32px;list-style:none;display:flex}.nav-link-item button{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast);background:0 0;border:none;padding:8px 16px;font-size:16px;font-weight:600;position:relative}.nav-link-item button:hover{color:var(--color-teal);background-color:var(--bg-secondary)}.nav-link-item button.active{background-color:var(--color-teal);box-shadow:0 4px 12px #14b8a640;color:#fff!important}.nav-actions{align-items:center;gap:16px;display:flex}.icon-btn{border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-full);cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex;position:relative}.icon-btn:hover{background-color:var(--bg-secondary);transform:translateY(-2px)}.badge-count{background-color:var(--color-red);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.hero-section{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--bg-secondary) 0%, #14b8a614 100%);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;margin:32px 0;padding:80px 48px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;max-width:55%}.hero-subtitle{text-transform:uppercase;letter-spacing:2px;color:var(--color-teal);border-radius:var(--radius-full);background-color:#14b8a61a;margin-bottom:16px;padding:6px 16px;font-size:14px;font-weight:700;display:inline-block}.hero-title{margin-bottom:20px;font-size:54px;line-height:1.15}.hero-title span{color:var(--color-teal)}.hero-desc{color:var(--text-secondary);margin-bottom:32px;font-size:18px}.hero-btn{background-color:var(--color-teal);color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:8px;padding:16px 32px;font-size:16px;font-weight:600;display:inline-flex;box-shadow:0 6px 20px #14b8a640}.hero-btn:hover{background-color:var(--color-teal-hover);transform:translateY(-2px);box-shadow:0 10px 24px #14b8a659}.hero-graphics{z-index:2;justify-content:center;align-items:center;width:40%;height:350px;display:flex;position:relative}.floating-cloud{opacity:.15;animation:20s linear infinite floatCloud;position:absolute}@keyframes floatCloud{0%{transform:translate(-150px)translateY(0)}50%{transform:translate(100px)translateY(-10px)}to{transform:translate(-150px)translateY(0)}}.star-glow{background-color:var(--color-yellow);width:8px;height:8px;box-shadow:0 0 12px var(--color-yellow);border-radius:50%;animation:2.5s infinite alternate blink;position:absolute}@keyframes blink{0%{opacity:.2;transform:scale(.8)}to{opacity:1;transform:scale(1.3)}}.section-header{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.section-title{font-size:32px;font-weight:700}.section-subtitle{color:var(--text-secondary);margin-top:4px;font-size:16px}.catalog-container{grid-template-columns:280px 1fr;gap:32px;margin:32px 0 64px;display:grid}.sidebar-filters{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);height:fit-content;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);padding:24px;position:sticky;top:104px}.filter-group{border-bottom:1px solid var(--border-color);margin-bottom:24px;padding-bottom:20px}.filter-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.filter-title{color:var(--text-primary);margin-bottom:16px;font-size:16px;font-weight:700}.search-box{position:relative}.search-input{border:1px solid var(--border-color);border-radius:var(--radius-full);background-color:var(--bg-secondary);width:100%;color:var(--text-primary);transition:all var(--transition-fast);outline:none;padding:12px 16px 12px 40px;font-size:14px}.search-input:focus{border-color:var(--color-teal);background-color:var(--bg-card);box-shadow:0 0 0 3px #14b8a61a}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.age-pills-list{flex-direction:column;gap:10px;display:flex}.filter-pill-btn{text-align:left;border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:space-between;align-items:center;padding:10px 16px;font-size:14px;font-weight:600;display:flex}.filter-pill-btn:hover{background-color:var(--bg-secondary);border-color:var(--text-muted)}.filter-pill-btn.active{background-color:var(--accent-soft);border-color:var(--color-teal);color:var(--color-teal)}.category-list{flex-direction:column;gap:10px;display:flex}.checkbox-label{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.checkbox-label input{accent-color:var(--color-teal);cursor:pointer;width:18px;height:18px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;display:grid}.no-results{text-align:center;background-color:var(--bg-card);border-radius:var(--radius-md);border:1px dashed var(--border-color);padding:80px 24px}footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);transition:background-color var(--transition-normal);margin-top:auto;padding:64px 0 32px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:48px;margin-bottom:48px;display:grid}.footer-column h3{color:var(--text-primary);margin-bottom:24px;font-size:18px}.footer-about p{color:var(--text-secondary);max-width:320px;margin-top:16px;font-size:14px}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--text-secondary);transition:color var(--transition-fast);font-size:14px;font-weight:500}.footer-links a:hover{color:var(--color-teal)}.footer-newsletter p{color:var(--text-secondary);margin-bottom:16px;font-size:14px}.newsletter-form{gap:8px;display:flex}.newsletter-input{border-radius:var(--radius-full);border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);outline:none;flex:1;padding:12px 16px;font-size:14px}.newsletter-btn{background-color:var(--color-teal);color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-fast);border:none;padding:12px 20px;font-weight:600}.newsletter-btn:hover{background-color:var(--color-teal-hover)}.footer-bottom{border-top:1px solid var(--border-color);color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:24px;font-size:13px;display:flex}.social-links{gap:16px;display:flex}.social-icon{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.social-icon:hover{background-color:var(--color-teal);border-color:var(--color-teal);color:#fff;transform:translateY(-2px)}@media (width<=1024px){.hero-section{text-align:center;flex-direction:column;padding:48px 24px}.hero-content{max-width:100%;margin-bottom:40px}.hero-graphics{width:100%;height:250px}.catalog-container{grid-template-columns:1fr}.sidebar-filters{margin-bottom:24px;position:relative;top:0}}@media (width<=768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.navbar-container{padding:0 16px}.nav-links{display:none}}@media (width<=480px){.footer-grid{grid-template-columns:1fr}.hero-title{font-size:36px}}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--color-teal);outline-offset:2px}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.responsive-two-col-grid{grid-template-columns:1fr 1.1fr;gap:28px;display:grid}.responsive-playkits-layout{grid-template-columns:1.2fr 1fr;gap:32px;display:grid}.responsive-admin-layout{grid-template-columns:1.2fr 1fr;gap:28px;display:grid}.responsive-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=768px){.responsive-two-col-grid{grid-template-columns:1fr;gap:20px;max-height:85vh;overflow-y:auto}.responsive-playkits-layout,.responsive-admin-layout{grid-template-columns:1fr;gap:24px}.responsive-form-row{grid-template-columns:1fr;gap:12px}}