@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;800&family=DM+Mono:ital@0;1&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.search-form{display:flex;flex-direction:column;gap:14px;width:100%;max-width:720px;margin:0 auto}.search-box{display:flex;align-items:center;background:#fff;border:2px solid #e8e8e8;border-radius:60px;padding:8px 8px 8px 22px;gap:12px;transition:all .25s ease}.search-box:focus-within{border-color:#6c63ff;box-shadow:0 0 0 5px #6c63ff1f}.search-icon{font-size:17px;color:#6c63ff;flex-shrink:0;opacity:.9}.search-input{flex:1;border:none;outline:none;font-size:15px;color:#1a1a2e;background:transparent;font-family:DM Sans,sans-serif}.search-input::placeholder{color:#b5b5b5}.search-btn{background:linear-gradient(135deg,#6c63ff,#4facfe);color:#fff;border:none;border-radius:50px;padding:10px 26px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease;font-family:DM Sans,sans-serif;box-shadow:0 4px 12px #6c63ff40}.search-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6c63ff59}.search-btn:active:not(:disabled){transform:translateY(0)}.search-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.reset-btn{background:none;border:none;color:#6c63ff;font-size:14px;cursor:pointer;text-align:center;font-family:DM Sans,sans-serif;font-weight:500;text-decoration:underline;text-underline-offset:4px;transition:color .2s ease}.reset-btn:hover{color:#4a42d4}@media(max-width:600px){.search-box{padding:8px 8px 8px 16px}.search-btn{padding:9px 18px;font-size:13px}.search-input{font-size:14px}}.app{max-width:1200px;margin:0 auto;padding:24px}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;margin-top:28px}.product-card{background:#fff;border:1px solid #eaeaea;border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:12px;transition:all .25s ease;position:relative;overflow:hidden;box-shadow:0 4px 14px #0000000a}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6c63ff,#48c774);opacity:0;transition:opacity .25s ease}.product-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #6c63ff1f;border-color:#d8d5ff}.product-card:hover:before{opacity:1}.product-card.highlighted{border-color:#6c63ff;box-shadow:0 12px 32px #6c63ff33}.product-card.highlighted:before{opacity:1}.card-category{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:#6c63ff;background:#f2f1ff;padding:4px 12px;border-radius:20px;width:fit-content}.card-name{font-size:18px;font-weight:700;color:#1a1a2e;line-height:1.4;font-family:Syne,sans-serif}.card-desc{font-size:14px;color:#666;line-height:1.6;flex:1}.card-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{font-size:12px;background:#f7f7f7;color:#555;padding:4px 12px;border-radius:20px;border:1px solid #ececec}.card-footer{margin-top:8px;padding-top:14px;border-top:1px solid #f1f1f1}.card-price{font-size:22px;font-weight:800;color:#1a1a2e;font-family:Syne,sans-serif}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:220px;gap:14px}.loading-spinner{width:42px;height:42px;border:4px solid #ececec;border-top:4px solid #6c63ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:40px 0;color:#666}.show-all-btn{margin-top:12px;padding:8px 18px;border-radius:8px;border:none;background:#6c63ff;color:#fff;cursor:pointer}.show-all-btn:hover{background:#574bdb}@media(max-width:768px){.products-grid{gap:20px}.product-card{padding:20px}}:root{--bg: #0a0a0f;--surface: #111118;--border: rgba(255, 255, 255, .07);--accent-blue: #4f8eff;--accent-cyan: #61dafb;--accent-purple: #9b6dff;--text: #e8e8f0;--muted: #555566;--glow-blue: rgba(79, 142, 255, .35);--glow-cyan: rgba(97, 218, 251, .35)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:Syne,sans-serif;min-height:100vh;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:40px 40px}body:before{content:"";position:fixed;top:-200px;left:50%;transform:translate(-50%);width:700px;height:500px;background:radial-gradient(ellipse,rgba(79,142,255,.12) 0%,transparent 70%);pointer-events:none;z-index:0}#root{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:4rem 2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter,transform;transition:filter .4s ease,transform .3s ease;filter:brightness(.85) saturate(.9)}.logo:hover{filter:drop-shadow(0 0 18px var(--glow-blue)) brightness(1.15);transform:translateY(-4px) scale(1.05)}.logo.react:hover{filter:drop-shadow(0 0 18px var(--glow-cyan)) brightness(1.15);transform:translateY(-4px) scale(1.05)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}a:nth-of-type(2) .logo:hover{animation-play-state:paused}}.card{position:relative;padding:2.5em 3em;margin:2rem auto;max-width:480px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 0 0 1px #ffffff0a,0 8px 32px #00000080,0 0 60px #4f8eff0d;transition:box-shadow .4s ease,transform .3s ease}.card:hover{transform:translateY(-3px);box-shadow:0 0 0 1px #ffffff14,0 16px 48px #0009,0 0 80px #4f8eff1f}.card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--accent-blue),var(--accent-purple),transparent);border-radius:1px;opacity:.7}h1,h2,h3{font-weight:800;letter-spacing:-.03em;line-height:1.1}p{font-family:DM Mono,monospace;font-size:.875rem;line-height:1.7;color:#a0a0b8}button{font-family:Syne,sans-serif;font-weight:600;font-size:.9rem;letter-spacing:.03em;cursor:pointer;padding:.65em 1.6em;border-radius:8px;border:1px solid rgba(79,142,255,.4);color:var(--accent-blue);background:#4f8eff14;transition:background .25s ease,border-color .25s ease,transform .15s ease,box-shadow .25s ease}button:hover{background:#4f8eff2e;border-color:var(--accent-blue);box-shadow:0 0 20px #4f8eff40;transform:translateY(-1px)}button:active{transform:translateY(0);box-shadow:none}a{color:var(--accent-cyan);text-decoration:none;position:relative;transition:color .25s}a:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:var(--accent-cyan);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}a:hover:after{transform:scaleX(1)}.read-the-docs{font-family:DM Mono,monospace;font-size:.8rem;color:var(--muted);letter-spacing:.04em;margin-top:2rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#root>*{animation:fadeUp .6s ease both}#root>*:nth-child(1){animation-delay:.05s}#root>*:nth-child(2){animation-delay:.15s}#root>*:nth-child(3){animation-delay:.25s}#root>*:nth-child(4){animation-delay:.35s}