.cat-futuristic-section{position:relative;padding:4rem 0 5rem;overflow:hidden}.cat-futuristic-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 20% 50%,rgba(13,166,242,.06) 0,transparent 70%),radial-gradient(ellipse 50% 60% at 80% 40%,rgba(139,92,246,.05) 0,transparent 70%);pointer-events:none;z-index:0}.cat-futuristic-title{font-size:1.75rem;font-weight:900;letter-spacing:-.02em;color:#ffffff;margin-bottom:.5rem}.cat-futuristic-subtitle{font-size:.875rem;color:rgba(255,255,255,.4);margin-bottom:2.5rem}.cat-futuristic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;position:relative;z-index:1}@media (min-width:640px){.cat-futuristic-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.cat-futuristic-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem}}@media (min-width:1024px){.cat-futuristic-grid{grid-template-columns:repeat(5,1fr);gap:1.25rem}}.cat-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem 1.5rem;border-radius:1.25rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;overflow:hidden;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s ease,border-color .4s ease,background .4s ease;text-decoration:none;will-change:transform}.cat-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 50% 0,var(--cat-glow,rgba(13,166,242,.08)) 0,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.cat-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--cat-border,rgba(13,166,242,.25));background:rgba(255,255,255,.05);box-shadow:0 20px 60px -15px var(--cat-shadow,rgba(13,166,242,.15)),0 0 30px -10px var(--cat-shadow,rgba(13,166,242,.1))}.cat-card:hover:before{opacity:1}.cat-icon-wrap{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.cat-icon-wrap:before{content:"";position:absolute;inset:-6px;border-radius:50%;background:radial-gradient(circle,var(--cat-glow,rgba(13,166,242,.15)) 0,transparent 70%);opacity:0;transition:opacity .4s ease;filter:blur(8px)}.cat-card:hover .cat-icon-wrap:before{opacity:1}.cat-icon-circle{position:relative;z-index:1;width:56px;height:56px;border-radius:1rem;display:flex;align-items:center;justify-content:center;background:var(--cat-icon-bg,rgba(13,166,242,.1));border:1px solid var(--cat-icon-border,rgba(13,166,242,.15));font-size:1.625rem;transition:transform .5s cubic-bezier(.16,1,.3,1),background .4s ease,box-shadow .4s ease;animation:catFloat 6s ease-in-out infinite}.cat-card:hover .cat-icon-circle{transform:translateY(-4px) rotate(3deg);background:var(--cat-icon-bg-hover,rgba(13,166,242,.2));box-shadow:0 8px 24px -4px var(--cat-shadow,rgba(13,166,242,.25))}.cat-label{font-size:.8125rem;font-weight:700;color:rgba(255,255,255,.8);text-align:center;letter-spacing:.01em;transition:color .3s ease;line-height:1.3}.cat-card:hover .cat-label{color:#ffffff}.cat-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--cat-glow,rgba(13,166,242,.4));opacity:0;pointer-events:none;transition:opacity .4s ease}.cat-card:hover .cat-particle{opacity:1}.cat-particle:first-child{top:15%;right:18%;animation:catParticle1 3s ease-in-out infinite}.cat-particle:nth-child(2){bottom:20%;left:15%;animation:catParticle2 4s ease-in-out .5s infinite}.cat-particle:nth-child(3){top:40%;left:10%;animation:catParticle3 3.5s ease-in-out 1s infinite}@keyframes catFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.cat-card:first-child .cat-icon-circle{animation-delay:0s}.cat-card:nth-child(2) .cat-icon-circle{animation-delay:.4s}.cat-card:nth-child(3) .cat-icon-circle{animation-delay:.8s}.cat-card:nth-child(4) .cat-icon-circle{animation-delay:1.2s}.cat-card:nth-child(5) .cat-icon-circle{animation-delay:.2s}.cat-card:nth-child(6) .cat-icon-circle{animation-delay:.6s}.cat-card:nth-child(7) .cat-icon-circle{animation-delay:1s}.cat-card:nth-child(8) .cat-icon-circle{animation-delay:1.4s}.cat-card:nth-child(9) .cat-icon-circle{animation-delay:.3s}.cat-card:nth-child(10) .cat-icon-circle{animation-delay:.7s}@keyframes catParticle1{0%,to{transform:translate(0) scale(1);opacity:0}50%{transform:translate(4px,-6px) scale(1.5);opacity:.7}}@keyframes catParticle2{0%,to{transform:translate(0) scale(1);opacity:0}50%{transform:translate(-5px,4px) scale(1.3);opacity:.6}}@keyframes catParticle3{0%,to{transform:translate(0) scale(1);opacity:0}50%{transform:translate(3px,-4px) scale(1.4);opacity:.5}}@keyframes catFadeUp{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.cat-card{animation:catFadeUp .6s cubic-bezier(.16,1,.3,1) backwards}.cat-card:first-child{animation-delay:.05s}.cat-card:nth-child(2){animation-delay:.1s}.cat-card:nth-child(3){animation-delay:.15s}.cat-card:nth-child(4){animation-delay:.2s}.cat-card:nth-child(5){animation-delay:.25s}.cat-card:nth-child(6){animation-delay:.3s}.cat-card:nth-child(7){animation-delay:.35s}.cat-card:nth-child(8){animation-delay:.4s}.cat-card:nth-child(9){animation-delay:.45s}.cat-card:nth-child(10){animation-delay:.5s}.cat-card:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--cat-glow,rgba(13,166,242,.4)),transparent);opacity:0;transition:opacity .4s ease}.cat-card:hover:after{opacity:1}.cat-card[data-theme=phones]{--cat-glow:rgba(13,166,242,0.15);--cat-shadow:rgba(13,166,242,0.2);--cat-border:rgba(13,166,242,0.3);--cat-icon-bg:rgba(13,166,242,0.1);--cat-icon-border:rgba(13,166,242,0.18);--cat-icon-bg-hover:rgba(13,166,242,0.22)}.cat-card[data-theme=gpu]{--cat-glow:rgba(34,197,94,0.15);--cat-shadow:rgba(34,197,94,0.2);--cat-border:rgba(34,197,94,0.3);--cat-icon-bg:rgba(34,197,94,0.1);--cat-icon-border:rgba(34,197,94,0.18);--cat-icon-bg-hover:rgba(34,197,94,0.22)}.cat-card[data-theme=consoles]{--cat-glow:rgba(139,92,246,0.15);--cat-shadow:rgba(139,92,246,0.2);--cat-border:rgba(139,92,246,0.3);--cat-icon-bg:rgba(139,92,246,0.1);--cat-icon-border:rgba(139,92,246,0.18);--cat-icon-bg-hover:rgba(139,92,246,0.22)}.cat-card[data-theme=wearables]{--cat-glow:rgba(20,184,166,0.15);--cat-shadow:rgba(20,184,166,0.2);--cat-border:rgba(20,184,166,0.3);--cat-icon-bg:rgba(20,184,166,0.1);--cat-icon-border:rgba(20,184,166,0.18);--cat-icon-bg-hover:rgba(20,184,166,0.22)}.cat-card[data-theme=laptops]{--cat-glow:rgba(59,130,246,0.15);--cat-shadow:rgba(59,130,246,0.2);--cat-border:rgba(59,130,246,0.3);--cat-icon-bg:rgba(59,130,246,0.1);--cat-icon-border:rgba(59,130,246,0.18);--cat-icon-bg-hover:rgba(59,130,246,0.22)}.cat-card[data-theme=monitors]{--cat-glow:rgba(99,102,241,0.15);--cat-shadow:rgba(99,102,241,0.2);--cat-border:rgba(99,102,241,0.3);--cat-icon-bg:rgba(99,102,241,0.1);--cat-icon-border:rgba(99,102,241,0.18);--cat-icon-bg-hover:rgba(99,102,241,0.22)}.cat-card[data-theme=peripherals]{--cat-glow:rgba(236,72,153,0.15);--cat-shadow:rgba(236,72,153,0.2);--cat-border:rgba(236,72,153,0.3);--cat-icon-bg:rgba(236,72,153,0.1);--cat-icon-border:rgba(236,72,153,0.18);--cat-icon-bg-hover:rgba(236,72,153,0.22)}.cat-card[data-theme=components]{--cat-glow:rgba(245,158,11,0.15);--cat-shadow:rgba(245,158,11,0.2);--cat-border:rgba(245,158,11,0.3);--cat-icon-bg:rgba(245,158,11,0.1);--cat-icon-border:rgba(245,158,11,0.18);--cat-icon-bg-hover:rgba(245,158,11,0.22)}.cat-card[data-theme=tablets]{--cat-glow:rgba(244,63,94,0.15);--cat-shadow:rgba(244,63,94,0.2);--cat-border:rgba(244,63,94,0.3);--cat-icon-bg:rgba(244,63,94,0.1);--cat-icon-border:rgba(244,63,94,0.18);--cat-icon-bg-hover:rgba(244,63,94,0.22)}.cat-card[data-theme=accessories]{--cat-glow:rgba(14,165,233,0.15);--cat-shadow:rgba(14,165,233,0.2);--cat-border:rgba(14,165,233,0.3);--cat-icon-bg:rgba(14,165,233,0.1);--cat-icon-border:rgba(14,165,233,0.18);--cat-icon-bg-hover:rgba(14,165,233,0.22)}.cat-card[data-theme=audio]{--cat-glow:rgba(167,139,250,0.15);--cat-shadow:rgba(167,139,250,0.2);--cat-border:rgba(167,139,250,0.3);--cat-icon-bg:rgba(167,139,250,0.1);--cat-icon-border:rgba(167,139,250,0.18);--cat-icon-bg-hover:rgba(167,139,250,0.22)}.cat-card[data-theme=default]{--cat-glow:rgba(148,163,184,0.12);--cat-shadow:rgba(148,163,184,0.15);--cat-border:rgba(148,163,184,0.2);--cat-icon-bg:rgba(148,163,184,0.08);--cat-icon-border:rgba(148,163,184,0.12);--cat-icon-bg-hover:rgba(148,163,184,0.16)}.cat-card[data-theme=gaming]{--cat-glow:rgba(239,68,68,0.15);--cat-shadow:rgba(239,68,68,0.2);--cat-border:rgba(239,68,68,0.3);--cat-icon-bg:rgba(239,68,68,0.1);--cat-icon-border:rgba(239,68,68,0.18);--cat-icon-bg-hover:rgba(239,68,68,0.22)}@keyframes catControllerWobble{0%{transform:translateY(-4px) rotate(0deg)}20%{transform:translateY(-6px) rotate(-4deg)}40%{transform:translateY(-3px) rotate(3deg)}60%{transform:translateY(-5px) rotate(-2deg)}80%{transform:translateY(-4px) rotate(2deg)}to{transform:translateY(-4px) rotate(0deg)}}@keyframes catConsolePulse{0%,to{box-shadow:0 0 12px 2px rgba(139,92,246,.15)}50%{box-shadow:0 0 24px 6px rgba(139,92,246,.3)}}.cat-card[data-theme=consoles]:hover .cat-icon-circle{animation:catControllerWobble .8s ease-in-out;background:rgba(139,92,246,.25);box-shadow:0 8px 24px -4px rgba(139,92,246,.35),0 0 20px 4px rgba(139,92,246,.12)}.cat-card[data-theme=consoles]:hover .cat-icon-wrap:before{animation:catConsolePulse 2s ease-in-out infinite;opacity:1}.cat-card[data-theme=consoles]:hover .cat-particle{width:4px;height:4px;background:rgba(139,92,246,.6);box-shadow:0 0 6px 2px rgba(139,92,246,.3)}@keyframes catFanSpin{0%{transform:translateY(-4px) rotate(0deg)}to{transform:translateY(-4px) rotate(1turn)}}@keyframes catRgbShimmer{0%{border-color:rgba(34,197,94,.4)}33%{border-color:rgba(59,130,246,.4)}66%{border-color:rgba(239,68,68,.35)}to{border-color:rgba(34,197,94,.4)}}@keyframes catGpuBrightness{0%,to{box-shadow:0 0 16px 2px rgba(34,197,94,.15);filter:brightness(1)}50%{box-shadow:0 0 28px 8px rgba(34,197,94,.3);filter:brightness(1.15)}}.cat-card[data-theme=gpu]:hover .cat-icon-circle{animation:catFanSpin 2s linear infinite;background:rgba(34,197,94,.25);box-shadow:0 8px 24px -4px rgba(34,197,94,.35),0 0 20px 4px rgba(34,197,94,.12)}.cat-card[data-theme=gpu]:hover{animation:catRgbShimmer 3s ease-in-out infinite}.cat-card[data-theme=gpu]:hover .cat-icon-wrap:before{animation:catGpuBrightness 2.5s ease-in-out infinite;opacity:1}.cat-card[data-theme=gpu]:hover .cat-particle{width:4px;height:4px;background:rgba(34,197,94,.6);box-shadow:0 0 6px 2px rgba(34,197,94,.3)}@media (prefers-reduced-motion:reduce){.cat-card,.cat-icon-circle{animation:none}.cat-card{transition:none}.cat-card:hover{transform:none}.cat-card[data-theme=consoles]:hover .cat-icon-circle,.cat-card[data-theme=gpu]:hover,.cat-card[data-theme=gpu]:hover .cat-icon-circle{animation:none}}