.catalog-hero{text-align:center;padding:7rem 0 3rem;position:relative;overflow:hidden}.catalog-hero:before{content:"";pointer-events:none;background:radial-gradient(#9333ea14 0%,#0000 70%);width:800px;height:400px;position:absolute;top:0;left:50%;transform:translate(-50%)}:root:not(.dark-theme) .catalog-hero:before{background:radial-gradient(#9333ea0d 0%,#0000 70%)}.catalog-badge{color:#c084fc;background:#9333ea1a;border:1px solid #9333ea33;border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex}:root:not(.dark-theme) .catalog-badge{color:#7c3aed;background:#9333ea14}.catalog-hero h1{letter-spacing:-.03em;margin-bottom:1rem;font-size:3.25rem;font-weight:800;line-height:1.15}.catalog-hero .gradient-text{background:linear-gradient(135deg,#9333ea,#c084fc,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic}.catalog-hero-desc{max-width:560px;color:var(--on-surface-variant);margin:0 auto 2.5rem;font-size:1.05rem;line-height:1.6}.catalog-search-bar{flex-direction:column;gap:1.25rem;max-width:700px;margin:0 auto;display:flex}.search-input-wrap{background:var(--surface);border:1px solid var(--outline-variant);border-radius:.875rem;align-items:center;gap:.75rem;padding:.75rem 1.25rem;transition:border-color .3s,box-shadow .3s;display:flex}:root.dark-theme .search-input-wrap{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14141cb3;border-color:#ffffff0f}.search-input-wrap:focus-within{border-color:#9333ea80;box-shadow:0 0 0 3px #9333ea1a}.search-input-wrap svg{color:var(--on-surface-variant);flex-shrink:0}.search-input-wrap input{color:var(--on-surface);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.95rem}.search-input-wrap input::placeholder{color:var(--on-surface-variant);opacity:.6}.filter-tabs{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.filter-tab{border:1px solid var(--outline-variant);color:var(--on-surface-variant);cursor:pointer;background:0 0;border-radius:2rem;padding:.45rem 1.1rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .3s}:root.dark-theme .filter-tab{border-color:#ffffff14}.filter-tab:hover{color:var(--on-surface);border-color:#9333ea66}.filter-tab.active{color:#fff;background:linear-gradient(135deg,#9333ea,#7c3aed);border-color:#0000;box-shadow:0 4px 12px #9333ea4d}.catalog-products{padding:2rem 0 4rem}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.catalog-card{background:var(--surface);border:1px solid var(--outline-variant);border-radius:1.25rem;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}:root.dark-theme .catalog-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121218d9;border-color:#ffffff0f}.catalog-card:hover{border-color:#9333ea4d;transform:translateY(-6px);box-shadow:0 20px 40px #9333ea0f}:root.dark-theme .catalog-card:hover{box-shadow:0 20px 40px #9333ea1f,0 0 0 1px #9333ea26}.catalog-card-header{align-items:center;gap:1rem;padding:1.5rem 1.5rem 1rem;display:flex}.catalog-card-logo{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex;position:relative}.catalog-card-logo img{object-fit:contain;border-radius:12px;width:100%;height:100%}.catalog-card-logo:after{content:"";z-index:0;background:linear-gradient(135deg,#9333ea26,#0000);border-radius:.875rem;position:absolute;inset:-2px}.catalog-card-logo img{object-fit:contain;z-index:1;width:28px;height:28px;position:relative}.catalog-card-logo .emoji-icon{z-index:1;font-size:1.4rem;position:relative}.catalog-card-meta{flex:1;min-width:0}.catalog-card-meta h3{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .15rem;font-size:1rem;font-weight:700;overflow:hidden}.catalog-card-category{color:#c084fc;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}:root:not(.dark-theme) .catalog-card-category{color:#7c3aed}.catalog-card-body{flex:1;padding:0 1.5rem}.catalog-card-body p{color:var(--on-surface-variant);margin:0;font-size:.85rem;line-height:1.55}.catalog-card-footer{justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding:1.25rem 1.5rem 1.5rem;display:flex}.catalog-price{letter-spacing:-.02em;font-size:1.4rem;font-weight:800}.catalog-price .currency{opacity:.7;font-size:.85rem;font-weight:600}.catalog-price .period{color:var(--on-surface-variant);font-size:.72rem;font-weight:500}.catalog-card-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#9333ea,#7c3aed);border:none;border-radius:.625rem;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-family:inherit;font-size:.8rem;font-weight:700;transition:all .3s;display:inline-flex}.catalog-card-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #9333ea66}.catalog-card-btn svg{width:14px;height:14px}.catalog-card-popular{color:#fff;text-transform:uppercase;letter-spacing:.04em;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:1rem;padding:.25rem .6rem;font-size:.65rem;font-weight:700;position:absolute;top:.75rem;right:.75rem;box-shadow:0 2px 8px #f59e0b4d}.catalog-empty{text-align:center;color:var(--on-surface-variant);padding:4rem 2rem}.catalog-empty svg{opacity:.4;margin-bottom:1rem}.catalog-empty h3{color:var(--on-surface);margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.catalog-cta{padding:0 0 5rem}.cta-card{text-align:center;background:linear-gradient(135deg,#9333ea14,#6366f10f);border:1px solid #9333ea26;border-radius:1.5rem;padding:3.5rem 2rem;position:relative;overflow:hidden}:root.dark-theme .cta-card{background:linear-gradient(135deg,#9333ea1a,#6366f10d);border-color:#9333ea33}.cta-card:before{content:"";pointer-events:none;background:radial-gradient(#9333ea0f,#0000 60%);position:absolute;inset:0}.cta-card h2{letter-spacing:-.02em;margin-bottom:.75rem;font-size:1.75rem;font-weight:800;position:relative}.cta-card p{color:var(--on-surface-variant);max-width:480px;margin:0 auto 2rem;font-size:1rem;line-height:1.6;position:relative}.cta-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.8rem 2rem;font-family:inherit;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;position:relative}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #22c55e59}.cta-btn svg{width:20px;height:20px}@media (width<=768px){.catalog-hero h1{font-size:2.25rem}.catalog-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.filter-tabs{scrollbar-width:none;-ms-overflow-style:none;justify-content:flex-start;padding-bottom:.5rem;overflow-x:auto}.filter-tabs::-webkit-scrollbar{display:none}.cta-card{padding:2.5rem 1.5rem}.cta-card h2{font-size:1.35rem}}@keyframes catalogCardIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.catalog-card{opacity:0;animation:.5s cubic-bezier(.4,0,.2,1) forwards catalogCardIn}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.catalog-card-skeleton{pointer-events:none;opacity:1;animation:none}.skeleton-circle{background:linear-gradient(90deg, var(--outline-variant) 25%, #9333ea14 50%, var(--outline-variant) 75%);background-size:800px 100%;border-radius:.75rem;flex-shrink:0;width:48px;height:48px;animation:1.5s infinite shimmer}:root.dark-theme .skeleton-circle{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/800px 100%;animation:1.5s infinite shimmer}.skeleton-line{background:linear-gradient(90deg, var(--outline-variant) 25%, #9333ea0f 50%, var(--outline-variant) 75%);background-size:800px 100%;border-radius:.5rem;animation:1.5s infinite shimmer}:root.dark-theme .skeleton-line{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/800px 100%;animation:1.5s infinite shimmer}.skeleton-line-title{width:65%;height:14px;margin-bottom:.5rem}.skeleton-line-small{width:40%;height:10px}.skeleton-line-full{width:100%;height:12px;margin-bottom:.5rem}.skeleton-line-med{width:70%;height:12px}.skeleton-line-price{width:60px;height:22px}.skeleton-line-btn{border-radius:.625rem;width:90px;height:34px}.catalog-card:before{content:"";opacity:0;z-index:2;background:linear-gradient(90deg,#9333ea,#c084fc,#6366f1);height:3px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.catalog-card:hover:before{opacity:1}.catalog-card:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(#0000,#9333ea08);height:0;transition:height .4s;position:absolute;bottom:0;left:0;right:0}.catalog-card:hover:after{height:100%}.catalog-stats{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 1.5rem;padding:0 .25rem;display:flex}.catalog-stats-count{color:var(--on-surface-variant);font-size:.85rem;font-weight:500}.catalog-stats-count strong{color:var(--on-surface);font-weight:700}