.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}html{scroll-behavior:smooth;scrollbar-width:thin}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(8,12,24,.4);border-radius:5px}::-webkit-scrollbar-thumb{background:rgba(45,212,191,.3);border-radius:5px;border:2px solid rgba(8,12,24,.3)}::-webkit-scrollbar-thumb:hover{background:rgba(45,212,191,.5)}body{background-color:#030712;color:#f1f5f9;overflow-x:hidden}.animated-bg{inset:0;z-index:0;overflow:hidden;background:linear-gradient(180deg,#0f172a,#030712);opacity:.98}.animated-bg,.gradient-orb{position:absolute;will-change:transform}.gradient-orb{border-radius:50%;filter:blur(100px);opacity:.06;animation:float-orb 30s ease-in-out infinite}.gradient-orb:first-child{background:radial-gradient(circle,rgba(45,212,191,.5) 0,rgba(56,189,248,0) 70%);width:45vw;height:45vw;top:-5%;left:-2%;animation-delay:0s;animation-duration:35s}.gradient-orb:nth-child(2){background:radial-gradient(circle,rgba(56,189,248,.5) 0,rgba(45,212,191,0) 70%);width:35vw;height:35vw;top:45%;right:-5%;animation-delay:-7s;animation-duration:40s}.gradient-orb:nth-child(3){background:radial-gradient(circle,rgba(251,191,36,.2) 0,rgba(56,189,248,0) 70%);width:30vw;height:30vw;bottom:-2%;left:35%;animation-delay:-15s;animation-duration:30s}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(2%,2%) scale(1.02)}50%{transform:translate(1%,-1%) scale(.99)}75%{transform:translate(-2%,1%) scale(1.01)}}.particle{position:absolute;border-radius:50%;background:radial-gradient(circle at center,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 70%);animation:float 25s infinite;box-shadow:0 0 5px 1px rgba(255,255,255,.03);will-change:transform;opacity:.05}.particle:first-child{width:100px;height:100px;left:15%;top:20%;animation-delay:0s;opacity:.2}.particle:nth-child(2){width:80px;height:80px;left:75%;top:50%;animation-delay:2s;opacity:.15}.particle:nth-child(3){width:120px;height:120px;left:60%;top:15%;animation-delay:4s;opacity:.1}.particle:nth-child(4){width:70px;height:70px;left:35%;top:65%;animation-delay:6s;opacity:.2}.particle:nth-child(5){width:90px;height:90px;left:50%;top:40%;animation-delay:8s;opacity:.15}.particle:nth-child(6){width:110px;height:110px;left:20%;top:30%;animation-delay:10s;opacity:.1}@keyframes float{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-20px) translateX(10px)}50%{transform:translateY(0) translateX(20px)}75%{transform:translateY(20px) translateX(10px)}}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 0),linear-gradient(180deg,rgba(255,255,255,.015) 1px,transparent 0);background-size:100px 100px;mask-image:radial-gradient(circle at center,rgba(0,0,0,1) 30%,rgba(0,0,0,0) 70%);animation:grid-pulse 25s ease-in-out infinite;opacity:.3}@keyframes grid-pulse{0%,to{background-size:100px 100px;opacity:.3}50%{background-size:105px 105px;opacity:.4}}.product-card{position:relative;transform:translateZ(0);overflow:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.product-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.1) 0,transparent 70%);opacity:0;transition:opacity .3s ease}.product-card:hover{transform:translateY(-5px) scale(1.01);z-index:5;box-shadow:0 10px 20px -5px rgba(0,0,0,.3)}.product-card:hover:before{opacity:1}.text-gradient:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,rgba(45,212,191,.5),rgba(56,189,248,.5));transform:scaleX(0);transform-origin:center;transition:transform .3s ease}.text-gradient:hover:after{transform:scaleX(1)}.glow-button{position:relative;overflow:hidden}.glow-button:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 70%);opacity:0;transform:scale(.5);transition:transform .3s ease-out,opacity .3s ease-out;pointer-events:none}.glow-button:hover:after{opacity:1;transform:scale(1)}[id^=letter-]{opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease;scroll-margin-top:calc(var(--header-height, 120px) + 20px);scroll-snap-margin-top:calc(var(--header-height, 120px) + 20px);padding-top:30px;padding-bottom:10px;margin-top:10px;border-radius:8px;position:relative}[id^=letter-] h2{position:relative;z-index:2}[id^=letter-]:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(45,212,191,.03),transparent 70%);border-left:2px solid rgba(45,212,191,.1);border-radius:8px;opacity:0;transition:opacity .3s ease}[id^=letter-]:hover:before{opacity:1}[id^=letter-].reveal{opacity:1;transform:translateY(0)}#search-section{position:sticky;top:var(--header-height,50px);z-index:20;transition:box-shadow .3s ease,transform .3s ease;box-shadow:0 4px 8px rgba(0,0,0,.1)}.letter-filter{display:flex;gap:4px;padding:4px;position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.letter-filter::-webkit-scrollbar{display:none}.letter-filter button{position:relative;overflow:hidden;flex-shrink:0;transition:all .2s ease;backface-visibility:hidden}.letter-filter button:disabled{opacity:.5;cursor:not-allowed}.letter-filter button:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0,rgba(255,255,255,0) 70%);opacity:0;transform:scale(.5);transition:transform .2s ease-out,opacity .2s ease-out}.letter-filter button:hover:after{opacity:1;transform:scale(1)}@media (max-width:768px){.particle{display:none}.text-gradient{font-size:90%}.product-card:hover{transform:translateY(-2px) scale(1)}}.shimmer-bg{animation:shimmer 2s linear infinite;background-size:200% 100%}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}@keyframes pulse-ring{0%{transform:scale(.95);opacity:.5}50%{transform:scale(1);opacity:.3}to{transform:scale(.95);opacity:.5}}.back-to-top-button{position:fixed;bottom:20px;right:20px;z-index:50;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.back-to-top-button.visible{opacity:1;visibility:visible}.tab-active-indicator{position:absolute;height:3px;bottom:0;left:0;background:linear-gradient(90deg,#2dd4bf,#0ea5e9);transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.product-reveal{opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}.product-reveal.revealed{opacity:1;transform:translateY(0)}.category-indicator{display:inline-flex;position:relative;padding:.5rem 1rem;border-radius:.5rem;background:rgba(15,23,42,.5);backdrop-filter:blur(4px);border:1px solid rgba(45,212,191,.1);overflow:hidden}.category-indicator:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(45,212,191,.05),transparent);transform:translateX(-100%);animation:slide 2s infinite}@keyframes slide{0%{transform:translateX(-100%)}50%,to{transform:translateX(100%)}}.mobile-nav{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);z-index:50;display:flex;gap:.5rem;padding:.5rem;border-radius:9999px;background:rgba(8,12,24,.8);backdrop-filter:blur(8px);box-shadow:0 10px 25px -5px rgba(0,0,0,.3);border:1px solid rgba(45,212,191,.1)}.smooth-scroll{scroll-behavior:smooth;transition:all .5s cubic-bezier(.23,1,.32,1)}.text-gradient{background:linear-gradient(90deg,#22d3ee,#0ea5e9);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:5px;display:inline-block;position:relative;will-change:transform,opacity;transition:transform .3s ease}.section-transition{transition:all .5s cubic-bezier(.23,1,.32,1);will-change:transform,opacity}@supports (-webkit-overflow-scrolling:touch){body{-webkit-overflow-scrolling:touch}}.pulse-feedback{animation:pulse-feedback .7s cubic-bezier(.4,0,.6,1)}@keyframes pulse-feedback{0%,to{opacity:1}50%{opacity:.8;transform:scale(.99)}}.highlight-section{animation:highlight-section 1.5s ease-out}@keyframes highlight-section{0%{background:linear-gradient(90deg,rgba(45,212,191,.1),transparent)}70%{background:linear-gradient(90deg,rgba(45,212,191,.08),transparent)}to{background:none}}