@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;600;700;800&display=swap";:root{--bg-main:#f0f4f9;--bg-card:#fff;--text-main:#1e293b;--text-muted:#64748b;--border-color:#e2e8f0;--boy-blue:#3b82f6;--boy-blue-hover:#2563eb;--boy-cyan:#06b6d4;--boy-emerald:#10b981;--boy-amber:#f59e0b;--boy-indigo:#6366f1;--shadow-sm:0 4px 14px #3b82f614;--shadow-hover:0 16px 32px #3b82f626, 0 4px 12px #0000000a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:var(--bg-main);color:var(--text-main);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 10% 20%, #06b6d41f 0%, transparent 40%), radial-gradient(circle at 90% 10%, #3b82f61f 0%, transparent 45%), radial-gradient(circle at 50% 80%, #10b9811a 0%, transparent 50%), var(--bg-main);min-height:100vh;overflow-x:hidden}.floating-shape{pointer-events:none;z-index:0;opacity:.5;animation:14s ease-in-out infinite alternate float;position:fixed}.shape-1{background:radial-gradient(circle,#3b82f640,#0000 70%);border-radius:50%;width:140px;height:140px;top:8%;left:5%}.shape-2{background:radial-gradient(circle,#06b6d440,#0000 70%);border-radius:50%;width:180px;height:180px;animation-delay:-6s;bottom:12%;right:6%}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,20px)scale(1.08)}to{transform:translate(-20px,35px)scale(.95)}}.app-container{z-index:1;flex-direction:column;max-width:1080px;min-height:100vh;margin:0 auto;padding:48px 24px 80px;display:flex;position:relative}.header{text-align:center;margin-top:24px;margin-bottom:48px}.badge{color:var(--boy-blue);letter-spacing:.02em;background:#fff;border:2px solid #bfdbfe;border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 18px;font-size:.9rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #3b82f61f}.badge:hover{transform:scale(1.04)}.badge-sparkle{font-size:1.1rem}.title{letter-spacing:-.03em;color:var(--text-main);margin-bottom:16px;font-family:Outfit,sans-serif;font-size:3.8rem;font-weight:800;line-height:1.15}.title .highlight{color:var(--boy-blue);display:inline-block;position:relative}.title .highlight:after{content:"";z-index:-1;background:#06b6d440;border-radius:6px;width:100%;height:12px;position:absolute;bottom:4px;left:0}.subtitle{color:var(--text-muted);max-width:580px;margin:0 auto;font-size:1.2rem;font-weight:500;line-height:1.6}.search-container{max-width:480px;margin:0 auto 52px;position:relative}.search-input{border:2px solid var(--border-color);width:100%;color:var(--text-main);box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;outline:none;padding:14px 20px 14px 50px;font-size:1rem;font-weight:500;transition:all .3s}.search-input::placeholder{color:#94a3b8}.search-input:focus{border-color:var(--boy-blue);transform:translateY(-2px);box-shadow:0 8px 24px #3b82f62e}.search-icon{color:var(--boy-blue);pointer-events:none;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.toy-grid{flex-wrap:wrap;justify-content:center;gap:28px;display:flex}.toy-card{background:var(--bg-card);border:2px solid var(--border-color);width:100%;max-width:420px;box-shadow:var(--shadow-sm);color:inherit;border-radius:24px;flex-direction:column;justify-content:space-between;padding:32px;text-decoration:none;transition:all .35s;display:flex;position:relative;overflow:hidden}.toy-card:hover{box-shadow:var(--shadow-hover);border-color:#93c5fd;transform:translateY(-6px)}.card-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.icon-box{border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.8rem;transition:transform .3s;display:flex;box-shadow:0 6px 16px #0000000d}.toy-card:hover .icon-box{transform:scale(1.08)}.icon-box.blue{color:#2563eb;background:#dbeafe}.icon-box.cyan{color:#0891b2;background:#cffafe}.icon-box.emerald{color:#059669;background:#d1fae5}.status-tag{color:var(--boy-blue);background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:700}.card-body{margin-bottom:24px}.toy-title{color:var(--text-main);align-items:center;gap:8px;margin-bottom:10px;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;display:flex}.toy-desc{color:var(--text-muted);font-size:.98rem;font-weight:500;line-height:1.6}.tags-row{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.tag-pill{color:#475569;background:#f1f5f9;border-radius:10px;padding:5px 12px;font-size:.78rem;font-weight:600}.card-footer{color:var(--boy-blue);border-top:2px dashed #f1f5f9;justify-content:space-between;align-items:center;padding-top:20px;font-size:.95rem;font-weight:700;display:flex}.btn-bubble{background:#eff6ff;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;transition:all .3s;display:inline-flex}.toy-card:hover .btn-bubble{background:var(--boy-blue);color:#fff;transform:translate(4px)}.arrow-icon{transition:transform .3s}.toy-card:hover .arrow-icon{transform:translate(4px)}.toy-card.disabled{opacity:.65;cursor:not-allowed;background:#f8fafc}.toy-card.disabled:hover{box-shadow:var(--shadow-sm);border-color:var(--border-color);transform:none}.toy-card.disabled .status-tag{color:#94a3b8;background:#f1f5f9;border-color:#e2e8f0}.footer{text-align:center;color:var(--text-muted);margin-top:auto;padding-top:60px;font-size:.9rem;font-weight:500}.footer-heart{color:var(--boy-blue);display:inline-block}@media (width<=640px){.title{font-size:2.6rem}.toy-grid{grid-template-columns:1fr}}