:root{--cyan:#08d4f0;--cyan-glow:#08d4f066;--cyan-dim:#08d4f01a;--bg-main:#0d1425;--bg-surface:#18223d;--bg-surface-glass:#18223d99;--text-light:#fff;--text-muted:#94a3b8;--transition-fast:.2s ease;--transition-smooth:.4s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-light);background-image:radial-gradient(circle at 50% 0,#08d4f040 0%,#0000 60%),linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-position:top,50%,50%;background-size:100% 100%,40px 40px,40px 40px;background-attachment:fixed;font-family:Outfit,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}.blob{filter:blur(100px);opacity:.4;z-index:-1;border-radius:50%;animation:15s ease-in-out infinite alternate floatBlob;position:absolute}.blob-1{background:var(--cyan);width:500px;height:500px;top:-10%;left:-10%}.blob-2{background:#04f;width:400px;height:400px;animation-delay:-5s;top:40%;right:-10%}.blob-3{background:#08d4f04d;width:600px;height:600px;animation-delay:-10s;bottom:10%;left:20%}.bg-shape{z-index:-1;border:1px solid #08d4f033;animation:30s linear infinite spinShape;position:absolute}.shape-1{border-radius:20px;width:100px;height:100px;top:20%;left:10%;transform:rotate(45deg)}.shape-2{border-style:dashed;border-radius:50%;width:150px;height:150px;top:60%;right:15%}.shape-3{border-radius:10px;width:80px;height:80px;animation-duration:20s;animation-direction:reverse;bottom:30%;left:5%}@keyframes spinShape{0%{transform:rotate(0)translateY(0)}to{transform:rotate(360deg)translateY(20px)}}@keyframes floatBlob{0%{transform:translate(0)scale(1)}to{transform:translate(50px,80px)scale(1.1)}}#navbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;width:100%;transition:var(--transition-smooth);background:#060913b3;border-bottom:1px solid #ffffff0d;position:fixed;top:0}#navbar.scrolled{box-shadow:0 4px 30px #00000080}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:.4rem 2rem;display:flex}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links button{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding-bottom:4px;font-family:inherit;font-size:1rem;font-weight:600;position:relative}.nav-links button:hover,.nav-links button.active{color:var(--cyan)}.nav-links button:after{content:"";background-color:var(--cyan);width:0;height:2px;transition:var(--transition-smooth);position:absolute;bottom:0;left:0}.nav-links button:hover:after,.nav-links button.active:after{width:100%}.logo-placeholder{cursor:pointer;width:120px;height:40px;transition:transform var(--transition-smooth)}.logo-placeholder:hover{transform:scale(1.05)}.section-title{text-align:center;margin-bottom:3rem;font-size:2.5rem}.section-title span{color:var(--cyan);text-shadow:0 0 15px var(--cyan-glow)}.cta-button{background:var(--cyan);color:var(--bg-main);letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 0 20px var(--cyan-glow);border:none;border-radius:50px;padding:1rem 2.5rem;font-family:inherit;font-size:1rem;font-weight:800;display:inline-block}.cta-button:hover{box-shadow:0 10px 30px var(--cyan-glow);color:var(--cyan);background:#fff;transform:translateY(-3px)}.cta-button.outline{border:2px solid var(--cyan);color:var(--cyan);box-shadow:none;background:0 0}.cta-button.outline:hover{background:var(--cyan);color:var(--bg-main);box-shadow:0 0 20px var(--cyan-glow)}.hero{justify-content:center;align-items:center;height:100vh;padding:0 2rem;display:flex;position:relative}.hero-bg{z-index:-1;background:linear-gradient(90deg,#060913e6,#06091366),url(https://images.unsplash.com/photo-1616077168079-7e0f5eaaf020?auto=format&fit=crop&w=1920&q=80) 50%/cover;width:100%;height:100%;animation:20s linear infinite alternate slowZoom;position:absolute;top:0;left:0}@keyframes slowZoom{0%{transform:scale(1)}to{transform:scale(1.1)}}.hero-content{justify-content:space-between;align-items:center;width:100%;max-width:1200px;display:flex}.hero-text{max-width:600px}.hero-text h1{margin-bottom:1.5rem;font-size:4.5rem;line-height:1.1}.hero-text h1 span{color:var(--cyan);text-shadow:0 0 20px var(--cyan-glow)}.hero-text p{color:var(--text-muted);margin-bottom:2.5rem;font-size:1.2rem}.floating-ui{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(145deg,#18223db3,#060913e6);border:1px solid #08d4f040;border-radius:24px;width:440px;padding:2.5rem;animation:6s ease-in-out infinite floatUI;box-shadow:0 30px 60px #0009,inset 0 0 20px #08d4f00d}@keyframes floatUI{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.floating-ui-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.floating-ui-header span{letter-spacing:1px;text-transform:uppercase;font-size:1.1rem}.floating-ui-item{transition:var(--transition-fast);background:#ffffff08;border:1px solid #0000;border-radius:16px;align-items:center;gap:1.5rem;margin-top:1rem;padding:1rem;display:flex}.floating-ui-item:hover{background:#ffffff0d;border-color:#08d4f04d;transform:translate(5px)}.floating-ui-item img{object-fit:contain;background:#ffffff0d;border-radius:12px;width:70px;height:70px;padding:5px}.floating-ui-details{flex-direction:column;gap:.3rem;display:flex}.floating-ui-name{color:var(--text-light);font-size:1.15rem;font-weight:800;line-height:1.2}.floating-ui-stock{color:#4ade80;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.floating-ui-stock:before{content:"";background:#4ade80;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 8px #4ade80}.pulse-dot{background:var(--cyan);width:12px;height:12px;box-shadow:0 0 10px var(--cyan);border-radius:50%;animation:1.5s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--cyan-glow)}70%{box-shadow:0 0 0 15px #08d4f000}to{box-shadow:0 0 #08d4f000}}.about-section{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:6rem auto;padding:0 2rem;display:grid}.about-image{border:1px solid #08d4f033;border-radius:20px;position:relative;overflow:hidden}.about-image img{filter:brightness(.8);width:100%;height:auto;transition:var(--transition-smooth);display:block}.about-image:hover img{filter:brightness(1.1);transform:scale(1.05)}.about-text h2{margin-bottom:1rem;font-size:2.5rem}.about-text p{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.1rem}.speciality-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#18223d33 0%,#18223db3 50%,#18223d33 100%);border-top:1px solid #08d4f026;border-bottom:1px solid #08d4f026;margin-bottom:6rem;padding:6rem 0;position:relative;box-shadow:0 0 50px #0003}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1200px;margin:0 auto 4rem;padding:0 2rem;display:grid}.stat-box h3{color:var(--cyan);text-shadow:0 0 20px var(--cyan-glow);margin-bottom:.5rem;font-size:3.5rem}.stat-box p{text-transform:uppercase;letter-spacing:1px;color:var(--text-light);opacity:.8;font-weight:600}.marquee-container{white-space:nowrap;background:#0006;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;padding:2.5rem 0;display:flex;position:relative;overflow:hidden}.marquee-container:before,.marquee-container:after{content:"";z-index:2;pointer-events:none;width:150px;height:100%;position:absolute;top:0}.marquee-container:before{background:linear-gradient(90deg,#18223de6,#0000);left:0}.marquee-container:after{background:linear-gradient(270deg,#18223de6,#0000);right:0}.marquee-content{animation:20s linear infinite scrollMarquee;display:inline-flex}.marquee-content span{color:#ffffff1a;text-transform:uppercase;margin:0 3rem;font-size:2rem;font-weight:800;transition:all .3s}.marquee-content span:hover{color:var(--cyan);text-shadow:0 0 20px var(--cyan-glow)}@keyframes scrollMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.products-container{max-width:1200px;min-height:60vh;margin:0 auto;padding:0 2rem 5rem}.product-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2.5rem;display:grid}.product-card{background:var(--bg-surface);transition:var(--transition-smooth);border:1px solid #ffffff0d;border-radius:20px;position:relative;overflow:hidden}.product-card:hover{border-color:var(--cyan);transform:translateY(-10px);box-shadow:0 15px 40px #08d4f026}.product-img-wrapper{background:#fff;justify-content:center;align-items:center;width:100%;height:280px;display:flex;position:relative;overflow:hidden}.product-img-wrapper img{object-fit:contain;max-width:100%;max-height:100%;transition:transform .6s}.product-card:hover .product-img-wrapper img{transform:scale(1.1)}.product-info{padding:2rem}.product-brand{color:var(--cyan);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.85rem;display:block}.product-title{margin-bottom:1rem;font-size:1.4rem;font-weight:600}.product-footer{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.5rem;display:flex}.product-price{font-size:1.5rem;font-weight:800}.add-btn{color:var(--cyan);border:1px solid var(--cyan);cursor:pointer;transition:var(--transition-fast);background:0 0;border-radius:30px;padding:.5rem 1.5rem;font-family:inherit;font-weight:600}.add-btn:hover{background:var(--cyan);color:var(--bg-main)}.promo-banner{text-align:center;background:linear-gradient(#060913b3,#060913e6),url(https://images.unsplash.com/photo-1590658268037-6bf12165a8df?auto=format&fit=crop&w=1200&q=80) 50%/cover fixed;border:1px solid #08d4f033;border-radius:24px;max-width:1200px;margin:5rem auto;padding:6rem 2rem}.promo-banner h2{margin-bottom:1rem;font-size:3rem}.page-header{text-align:center;background:0 0;padding:10rem 2rem 4rem}.page-header h1{color:var(--cyan);text-shadow:0 0 20px var(--cyan-glow);font-size:3.5rem}footer{background:linear-gradient(180deg, var(--bg-surface), #060913f2);z-index:10;border-top:1px solid #08d4f026;margin-top:auto;padding:1.5rem 2rem 1rem;position:relative}.footer-container{grid-template-columns:1fr 1fr;align-items:start;gap:1rem;max-width:1200px;margin:0 auto;display:grid}.footer-brand h2{color:var(--cyan);letter-spacing:2px;text-shadow:0 0 15px var(--cyan-glow);margin-bottom:.3rem;font-size:1.3rem}.footer-brand p{color:var(--text-muted);max-width:360px;font-size:.8rem;line-height:1.4}.footer-contact h3{color:var(--text-light);letter-spacing:1px;text-transform:uppercase;margin-bottom:.5rem;font-size:.9rem;font-weight:700}.footer-contact ul{flex-direction:column;gap:.4rem;list-style:none;display:flex}.footer-contact li{color:var(--text-muted);transition:var(--transition-fast);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.footer-contact li:hover{color:var(--cyan)}.footer-contact li svg{color:var(--cyan);flex-shrink:0}.footer-contact a{color:inherit;transition:var(--transition-fast);text-decoration:none}.footer-contact a:hover{color:var(--cyan);text-decoration:underline}.footer-bottom{text-align:center;border-top:1px solid #ffffff0f;grid-column:1/-1;margin-top:.5rem;padding-top:.75rem}.footer-bottom p{color:var(--text-muted);opacity:.7;font-size:.75rem}.animate-on-scroll{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(40px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (width<=900px){.hero-content{text-align:center;flex-direction:column;gap:3rem}.hero-text h1{font-size:3rem}.floating-ui{display:none}.about-section{text-align:center;grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.footer-container{text-align:center;grid-template-columns:1fr}.footer-brand p{max-width:100%}.footer-contact ul{align-items:center}}.product-card.animate-in{opacity:0;animation:.6s forwards fadeInUp;transform:translateY(30px)}#root{flex-direction:column;min-height:100vh;display:flex}