@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap";html{scroll-behavior:smooth}body{margin:0;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b}::selection{background-color:#0f4c8133;color:#0f4c81}.gradient-text{background:linear-gradient(135deg,#0f4c81,#00c896);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-gradient{background:linear-gradient(135deg,#0f4c81,#1e3a5f 40%,#0f172a);position:relative;overflow:hidden}.hero-gradient:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(0,200,150,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(15,76,129,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,200,150,.1) 0%,transparent 40%);pointer-events:none}.mesh-gradient{background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:relative}.card-hover-scale{transition:transform .3s ease,box-shadow .3s ease}.card-hover-scale:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001f}.product-image-container{position:relative;overflow:hidden;background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.product-image-container img{transition:transform .4s ease}.product-image-container:hover img{transform:scale(1.05)}.animated-underline{position:relative}.animated-underline:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#0f4c81,#00c896);transition:width .3s ease}.animated-underline:hover:after{width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:shimmer 1.5s infinite}.category-card-networking{background:linear-gradient(135deg,#0f4c81,#1e5a9e)}.category-card-computers{background:linear-gradient(135deg,#1e3a5f,#2e5a8f)}.category-card-monitors{background:linear-gradient(135deg,#00796b,#009688)}.category-card-components{background:linear-gradient(135deg,#5c6bc0,#7986cb)}.category-card-storage{background:linear-gradient(135deg,#00897b,#26a69a)}.category-card-graphics{background:linear-gradient(135deg,#7b1fa2,#9c27b0)}