:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fffffff2;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f0a1a;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{background-color:var(--surface-2,#f5f7fa);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#fff;background-color:#0f0a1a}a:hover{color:#00d9ff}button{background-color:#1a1328cc}}.container{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.px-4{padding-left:1rem;padding-right:1rem}.p-4{padding:1rem}.pb-12{padding-bottom:3rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.pt-24{padding-top:6rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-3{gap:.75rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid{display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.justify-items-center{justify-items:center}.text-center{text-align:center}.text-left,.md\:text-left{text-align:left}.text-3xl{font-size:1.875rem;line-height:1.1}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-7xl{font-size:4.5rem}.text-2xl{font-size:1.5rem}.text-xl{font-size:1.25rem}.text-lg{font-size:1.125rem}.text-sm{font-size:.875rem}.w-full{width:100%}.h-96{height:24rem}.h-48{height:12rem}.h-64{height:16rem}.md\:h-\[500px\]{height:500px}.md\:h-64{height:16rem}.rounded-3xl{border-radius:1.5rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.max-w-4xl{max-width:56rem}.object-cover{object-fit:cover}.hidden{display:none!important}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.group-hover\:scale-110{transition:transform .25s}.transition-transform{transition-property:transform;transition-duration:.25s}.duration-500{transition-duration:.5s}.transition-all{transition:all .2s}.cursor-pointer{cursor:pointer}.text-gray-400{color:#cbd5e1cc}.text-gray-300{color:#d1d5dbcc}.bg-black\/70{background-color:#000000b3}.w-40{width:10rem}.h-40{height:10rem}.mx-auto{margin-left:auto;margin-right:auto}.w-12{width:3rem}.h-12{height:3rem}.w-6{width:1.5rem}.h-6{height:1.5rem}@media (max-width:480px){:root{font-size:14px}}@media (min-width:768px){.md\:flex{display:flex!important}.md\:text-5xl{font-size:3rem}.md\:text-7xl{font-size:4.5rem}.md\:text-2xl{font-size:1.5rem}.md\:text-xl{font-size:1.25rem}.md\:h-\[500px\]{height:500px}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.md\:grid-cols-6{grid-template-columns:repeat(6,1fr)}.md\:p-16{padding:4rem}.md\:text-left{text-align:left}.md\:justify-start{justify-content:flex-start}.md\:h-64{height:16rem}}.hero-breakout{width:100vw;margin-left:-50vw;margin-right:-50vw;position:relative;left:50%;right:50%}.hero-carousel{position:relative;overflow:hidden}.hero-slide{opacity:0;justify-content:center;align-items:center;width:100vw;height:60vh;transition:opacity .6s,transform .6s;display:flex;position:absolute;inset:0;transform:scale(.98)}.hero-slide.active{opacity:1;transform:scale(1)}.hero-img{background-position:50%;background-size:cover;border-radius:.75rem;width:100vw;height:60vh;display:block}@media (min-width:1024px){.hero-slide,.hero-img{height:70vh}}.product-detail{grid-column:1/-1;margin-top:1rem;padding:1rem;transition:transform .2s,opacity .2s;box-shadow:0 10px 30px #02061799}.product-detail-enter{opacity:0;transform:translateY(-6px)}.product-detail-active{opacity:1;transform:translateY(0)}.glass-effect{background:#ffffff08;border:1px solid #ffffff0f}.product-grid .glass-effect{flex-direction:column;padding:0;display:flex;overflow:hidden}.product-grid .p-4{padding:1rem}.product-grid img{transition:transform .5s}.product-grid .card-3d:hover{transform:translateY(-6px)}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#0f0a1a;--surface:#1a1328;--surface-2:#150f28;--muted:#201836;--subtle:#1a1330;--border-muted:#2d1f4e;--light:#fff;--dark:#fff;--card-bg:#1a1328;--shadow:0 10px 30px #ff006e1a;--accent:#94a3b8;--accent-pink:#ff006e;--accent-cyan:#00d9ff;--accent-orange:orange;--accent-purple:#7c3aed;--gradient-main:linear-gradient(135deg, var(--accent-pink) 0%, var(--accent-orange) 50%, var(--accent-cyan) 100%)}body{color:#fff;perspective:1200px;background:linear-gradient(135deg,#0f0a1a 0%,#1a0f2e 50%,#0d1b2a 100%);font-family:Inter,Poppins,sans-serif;position:relative;overflow-x:hidden}#root{width:100%;min-height:100vh}.image-carousel-container{background:linear-gradient(135deg,#0f0a1acc 0%,#1a0f2ee6 100%);border-bottom:2px solid;border-image:linear-gradient(90deg,#ff006e,orange,#00d9ff,#7c3aed,#ff006e) 1;width:100%;height:70vh;min-height:500px;margin-top:0;position:relative;overflow:hidden}.carousel-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.carousel-slide{justify-content:center;align-items:center;width:100%;height:100%;animation:.8s ease-in-out slideInFade;display:flex;position:relative}@keyframes slideInFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.slide-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;height:100%;animation:.6s cubic-bezier(.22,1,.36,1) slideInScale;display:flex}@keyframes slideInScale{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.slide-image{object-fit:cover;filter:drop-shadow(0 0 30px #ff006e4d)brightness(1.1);width:100%;height:100%;animation:3s ease-in-out infinite float}.slide-content svg{filter:drop-shadow(0 0 30px #ff006e4d);animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.slide-title{background:var(--gradient-main);color:#0000;white-space:nowrap;z-index:10;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;animation:3s infinite gradientShift;position:absolute;bottom:50px;left:50%;transform:translate(-50%)}.carousel-arrow{color:#ff006e;cursor:pointer;z-index:20;background:linear-gradient(135deg,#ff006e1a 0%,#00d9ff0d 100%);border:2px solid #ff006e4d;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .4s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 20px #ff006e26}.carousel-arrow:hover{color:#00d9ff;background:linear-gradient(135deg,#ff006e40 0%,#00d9ff26 100%);border-color:#ff006ecc;transform:translateY(-50%)scale(1.1);box-shadow:0 12px 30px #ff006e4d}.carousel-arrow-prev{left:40px}.carousel-arrow-next{right:40px}.carousel-dots{z-index:15;gap:12px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.carousel-dot{cursor:pointer;background:0 0;border:2px solid #ff006e66;border-radius:50%;width:12px;height:12px;transition:all .3s}.carousel-dot.active{background:var(--accent-pink);border-color:var(--accent-pink);transform:scale(1.3);box-shadow:0 0 15px #ff006e80}.carousel-dot:hover{border-color:var(--accent-pink);transform:scale(1.2)}@media (max-width:768px){.image-carousel-container{height:350px;margin-top:70px}.slide-title{font-size:1.8rem}.slide-content svg{width:120px;height:120px}.carousel-arrow{width:44px;height:44px}.carousel-arrow-prev{left:10px}.carousel-arrow-next{right:10px}}.background-slider{z-index:-1;opacity:.4;width:100%;height:100%;position:fixed;top:0;left:0}.slide{opacity:0;background-position:50%;background-size:cover;width:100%;height:100%;transition:opacity 1.5s ease-in-out;position:absolute;top:0;left:0}.slide.active{opacity:1}.header{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#0f0a1aeb 0%,#1a0f2eeb 100%);border-bottom:1px solid #ff006e26;width:100%;padding:1.2rem 5%;position:fixed;top:0;box-shadow:0 6px 18px #ff006e14}.navbar{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.logo{background:var(--gradient-main);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:700;animation:4s infinite gradientShift}.nav-links{align-items:center;gap:2.5rem;display:flex}.nav-link-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ff006e0d 0%,#00d9ff0d 100%);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex;position:relative}.nav-link-btn:hover{color:var(--accent-cyan);background:linear-gradient(90deg,#ff006e26 0%,#00d9ff1a 100%);transform:translateY(-2px)}.nav-link-btn:after{content:"";background:linear-gradient(90deg, var(--accent-pink), var(--accent-cyan));width:0;height:2px;transition:width .4s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-5px;left:0}.nav-link-btn:hover:after{width:100%}.container{max-width:1400px;margin:0 auto;padding-top:120px;padding-left:5%;padding-right:5%}.hero{text-align:center;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-style:preserve-3d;perspective:1000px;border:2px solid #ff006e4d;border-radius:20px;margin-bottom:4rem;padding:3rem 2rem;animation:.7s ease-out slideInDown3d;position:relative;overflow:hidden;box-shadow:0 20px 50px #ff006e33,inset 0 1px #ffffff1a}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff006e14 0%,#0000 70%);position:absolute;inset:0}.hero h1{background:var(--gradient-main);color:#0000;z-index:1;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-family:Poppins,sans-serif;font-size:3.5rem;animation:4s infinite gradientShift;position:relative}.hero p{color:#ccd6ff;z-index:1;max-width:800px;margin:0 auto 2rem;font-size:1.2rem;animation:.8s ease-out .2s backwards slideInDown3d;position:relative}.year-badge{background:var(--gradient-main);z-index:1;transform-style:preserve-3d;border-radius:50px;margin-top:1rem;padding:.7rem 2rem;font-size:1.1rem;font-weight:700;transition:all .4s cubic-bezier(.34,1.56,.64,1);animation:.6s ease-out .4s backwards scaleUp3d;display:inline-block;position:relative;box-shadow:0 10px 30px #ff006e66,inset 0 1px #fff3}.year-badge:hover{transform:scale(1.1)translateZ(10px);box-shadow:0 20px 50px #ff006e80,inset 0 1px #fff3}.section-title{text-align:center;margin-bottom:2.5rem;padding-bottom:15px;font-family:Poppins,sans-serif;font-size:2.5rem;position:relative}.section-title:after{content:"";background:var(--accent);border-radius:2px;width:100px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:5rem;display:grid}.product-card{text-align:center;transform-style:preserve-3d;perspective:1000px;cursor:pointer;background:linear-gradient(135deg,#1a132899 0%,#201836cc 100%);border:1.5px solid #ff006e33;border-radius:20px;flex-direction:column;justify-content:center;min-height:350px;padding:2rem;transition:all .45s cubic-bezier(.22,1,.36,1);animation:6s ease-in-out infinite cardFloat;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 40px #ff006e1f}.product-card:hover .product-card-inner{border-color:var(--accent-pink);transform:translateY(-18px)rotateX(6deg)rotateY(-4deg)scale(1.03);box-shadow:0 20px 50px #ff006e40}.product-icon{color:var(--accent);margin-bottom:1.5rem;font-size:3.5rem;display:inline-block;transform:translateZ(30px)}.product-card-inner{transform-style:preserve-3d;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s;display:flex}.product-card h3{color:#fff;margin-bottom:1rem;font-size:1.8rem;transform:translateZ(20px)}.product-card p{color:#ccd6ff;margin-bottom:1.5rem;line-height:1.6;transform:translateZ(10px)}.brand-tag{background:#4a6fff33;border-radius:50px;padding:.3rem 1rem;font-size:.9rem;font-weight:600;display:inline-block;transform:translateZ(20px)}.brands-section{margin-bottom:5rem}.brands-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.brand-container{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transform-style:preserve-3d;perspective:1000px;background:linear-gradient(135deg,#1a132880 0%,#201836b3 100%);border:1.5px solid #ff006e33;border-radius:15px;padding:1.5rem;transition:all .5s cubic-bezier(.34,1.56,.64,1);animation:.6s ease-out scaleUp3d;position:relative;overflow:hidden}.brand-container.invisible{opacity:0;transform:translateY(20px)scale(.99)}.brand-container.visible{opacity:1;transform:translateY(0)scale(1)}.brand-container:hover{border-color:#ff006ecc;transform:translateY(-15px)rotateY(-8deg)rotateX(5deg);box-shadow:0 20px 50px #ff006e4d,inset 0 1px #ffffff1a}.brand-container.active{border-color:var(--accent-pink);background:linear-gradient(135deg,#ff006e26 0%,#00d9ff1a 100%) 0 0/200% 200%;transform:scale(1.05)rotateY(0);box-shadow:0 0 30px #ff006e40,0 10px 40px #ff006e26}.brand-name{color:#fff;margin-bottom:.5rem;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:700}.brand-product-count{color:#aacbff;opacity:.8;font-size:.8rem}.brand-container.active .brand-product-count{color:#eef2ff}.brand-products-section{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #4a6fff33;border-radius:20px;margin-top:3rem;padding:2rem;animation:.3s slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.brand-section-title{color:var(--accent);margin-bottom:1.5rem;font-family:Poppins,sans-serif;font-size:1.8rem}.brand-products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.brand-product-card{transform-style:preserve-3d;perspective:1000px;background:linear-gradient(135deg,#1a132899 0%,#201836cc 100%);border:1.5px solid #ff006e33;border-radius:12px;flex-direction:column;padding:1.5rem;transition:all .5s cubic-bezier(.34,1.56,.64,1);animation:.5s ease-out slideInDown3d;display:flex;position:relative}.brand-product-card:hover{background:linear-gradient(135deg,#201836cc 0%,#2d1f4e 100%);border-color:#00d9ffcc;transform:translateY(-12px)rotateX(5deg)rotateY(-3deg)scale(1.03);box-shadow:0 25px 40px #ff006e40,inset 0 1px #ffffff1a}.product-card-header{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:.8rem;display:flex}.product-card-header h4{color:#fff;flex:1;font-size:1.1rem;font-weight:600}.product-card-desc{color:#b8bfff;flex:1;margin-bottom:1rem;font-size:.9rem;line-height:1.5}.btn-view-details{background:linear-gradient(135deg, var(--accent-pink) 0%, var(--accent-orange) 100%);color:#fff;cursor:pointer;transform-style:preserve-3d;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 20px #ff006e4d,inset 0 1px #fff3}.btn-view-details:hover{transform:translateY(-4px)translateZ(5px)scale(1.05);box-shadow:0 20px 40px #ff006e80,inset 0 1px #ffffff4d,0 0 20px #ff006e4d}.modal-backdrop{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal{background:linear-gradient(135deg,#1a1328fa 0%,#201836fa 100%);border:1.5px solid #ff006e4d;border-radius:20px;width:100%;max-width:600px;max-height:90vh;padding:2rem;animation:.5s ease-out slideInDown3d;position:relative;overflow-y:auto;box-shadow:0 30px 60px #ff006e33,0 0 60px #00d9ff1a}.modal-close{color:#fff;cursor:pointer;z-index:2001;background:linear-gradient(135deg,#ff006e33 0%,#00d9ff1a 100%);border:2px solid #ff006e4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:1.5rem;right:1.5rem;box-shadow:0 5px 15px #ff006e26}.modal-title{background:var(--gradient-main);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-size:2rem;font-weight:700;animation:.5s ease-out slideUp}.modal-brand{color:#00d9ff;margin:.5rem 0 1rem;font-size:1rem;font-weight:600;animation:.5s ease-out .1s both slideUp}.modal-desc{color:#e0e0e0;margin:1.5rem 0;font-size:1rem;line-height:1.6;animation:.5s ease-out .2s both slideUp}.modal-actions{gap:1rem;margin-top:2rem;animation:.5s ease-out .3s both slideUp;display:flex}.modal-actions .btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff006e1a 0%,#00d9ff0d 100%);border:2px solid #ff006e4d;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .4s cubic-bezier(.22,1,.36,1);display:flex}.modal-actions .btn:hover{background:linear-gradient(135deg,#ff006e33 0%,#00d9ff1a 100%);border-color:#ff006e99;transform:translateY(-2px);box-shadow:0 10px 30px #ff006e33}.modal-actions .btn-primary{color:#fff;background:linear-gradient(135deg,#ff006e 0%,#7c3aed 100%);border-color:#ff006e}.modal-actions .btn-primary:hover{border-color:orange;box-shadow:0 15px 40px #ff006e4d}.modal-overlay{z-index:2000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{width:100%;max-width:600px;max-height:90vh;transform-style:preserve-3d;background:linear-gradient(135deg,#1a1328f2 0%,#201836f2 100%);border:1.5px solid #ff006e40;border-radius:20px;animation:.5s ease-out slideInDown3d;position:relative;overflow-y:auto;box-shadow:0 30px 60px #ff006e26}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{color:#fff;cursor:pointer;z-index:2001;width:40px;height:40px;transform-style:preserve-3d;background:linear-gradient(135deg,#ff006e33 0%,#00d9ff1a 100%);border:2px solid #ff006e4d;border-radius:50%;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:1.5rem;right:1.5rem;box-shadow:0 5px 15px #ff006e26}.modal-close:hover{background:#4a6fff66;border-color:#ff006e99;transform:rotate(90deg);box-shadow:0 10px 25px #ff006e40}.modal-header{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1.5rem;padding:2rem 2rem 0;display:flex}.modal-header h2{color:#fff;flex:1;font-family:Poppins,sans-serif;font-size:1.8rem}.brand-badge{background:var(--gradient);white-space:nowrap;color:#fff;border-radius:50px;padding:.5rem 1rem;font-size:.85rem;font-weight:700}.modal-body{padding:0 2rem 2rem}.product-price{color:var(--accent);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.product-description{color:#212f4699;margin-bottom:2rem;font-size:1rem;line-height:1.8}.modal-actions{gap:1rem;display:flex}.btn-purchase{background:linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-purple) 50%, var(--accent-pink) 100%);color:#fff;cursor:pointer;transform-style:preserve-3d;background-size:200% 200%;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:700;transition:all .5s cubic-bezier(.34,1.56,.64,1);animation:3s infinite gradientShift;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00d9ff66,inset 0 1px #fff3}.btn-purchase:hover{transform:translateY(-5px)translateZ(10px)scale(1.05);box-shadow:0 20px 50px #00d9ff99,inset 0 1px #ffffff4d,0 0 30px #00d9ff66}.btn-close{color:#fff;cursor:pointer;transform-style:preserve-3d;background:#00d9ff26;border:2px solid #00d9ff66;border-radius:10px;flex:1;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 5px 15px #0003}.btn-close:hover{background:#00d9ff4d;border-color:#00d9ffb3;transform:translateY(-3px)translateZ(5px);box-shadow:0 15px 30px #00d9ff40}.stats-section{margin-bottom:5rem}.stats-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.stat-card{background:var(--card-bg);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-style:preserve-3d;perspective:1000px;border:2px solid #ff006e33;border-radius:15px;padding:2rem;transition:all .6s cubic-bezier(.34,1.56,.64,1);animation:6s ease-in-out infinite flip3d;position:relative}.stat-card:hover{border-color:#ff006e99;transform:translateY(-20px)rotateX(10deg)rotateY(5deg);box-shadow:0 30px 60px #ff006e4d,0 0 40px #00d9ff1a}.stat-card h3{background:linear-gradient(135deg,#ff006e,orange,#00d9ff) 0 0/200% 200%;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;animation:3s infinite gradientShift}.stat-card p{color:#ccd6ff;font-size:1.1rem}.graphs-section{margin-bottom:5rem}.graphs-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.graph-card{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-height:300px;transform-style:preserve-3d;perspective:1000px;border:4px solid #0000;background:linear-gradient(135deg,#1a132899 0%,#201836cc 100%);border-image-source:conic-gradient(#ffb4c6,#ffd7a8,#cfeefd,#e7d8ff,#ffb4c6);border-image-slice:1;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;padding:2rem;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s;animation:.7s ease-out slideInDown3d;display:flex}.graph-card:hover{transform:translateY(-18px)rotateX(8deg)rotateY(-6deg)scale(1.01);box-shadow:0 30px 60px #ff006e33,0 0 40px #00d9ff1a}@keyframes rotateBorder{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.graph-card h3{text-align:center;background:linear-gradient(135deg,#7c3aed,#ff006e,orange) 0 0/200% 200%;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;animation:3s infinite gradientShift}.graph-placeholder{justify-content:center;align-items:center;width:100%;height:200px;display:flex;position:relative}.circle-graph{width:150px;height:150px;transform-style:preserve-3d;background:conic-gradient(#ff006e 0%,orange 25%,#00d9ff 50%,#7c3aed 75%,#ff006e 100%);border-radius:50%;justify-content:center;align-items:center;animation:6s linear infinite rotate3d;display:flex;position:relative;box-shadow:0 12px 30px #0f172a0f,inset 0 3px 10px #fff9}.circle-graph:before{content:"";background:var(--light);border-radius:50%;width:120px;height:120px;position:absolute}.circle-graph-text{z-index:1;font-size:1.5rem;font-weight:700;position:relative}.bar-graph-container{gap:20px;width:100%;height:200px;display:flex;position:relative}.bar-graph-container:hover .bar{animation-play-state:paused}.y-axis-labels{color:#888;text-align:right;flex-direction:column;justify-content:space-between;min-width:30px;padding-right:10px;font-size:.75rem;display:flex}.bar-graph{border-bottom:2px solid #555;border-left:2px solid #555;justify-content:space-around;align-items:flex-end;gap:15px;width:100%;height:150px;padding:10px;display:flex;position:relative}.bar-wrapper{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.bar{width:100%;max-width:40px;transform-style:preserve-3d;background:linear-gradient(#ffb199 0%,#ff006e 50%,#7c3aed 100%);border-radius:8px 8px 0 0;transition:all .3s;animation:1.5s ease-out infinite waveBars;position:relative;box-shadow:0 6px 18px #ff006e33,inset 0 -2px 5px #0003}.bar:hover{transform:scaleY(1.1)translateZ(10px);box-shadow:0 0 25px #ff006e99,inset 0 -2px 5px #0000004d}.x-axis-label{color:#888;font-size:.75rem;font-weight:500}.line-graph-container{filter:drop-shadow(0 0 10px #ff006e33);width:100%;height:220px;position:relative}.line-graph-container:hover .line-path{animation-play-state:paused}.line-path{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1000;stroke-dashoffset:1000px;filter:drop-shadow(0 6px 18px #0000000f);animation:3s ease-out infinite dash}@keyframes rotate3d{0%{transform:rotateX(0)rotateY(0)rotate(0)}50%{transform:rotateX(12deg)rotateY(18deg)rotate(180deg)}to{transform:rotateX(0)rotateY(0)rotate(360deg)}}.footer{text-align:center;background:linear-gradient(135deg,#0f0a1af2 0%,#1a0f2ef2 100%);border-top:1px solid #ff006e26;margin-top:3rem;padding:3rem 5%;box-shadow:0 -6px 18px #ff006e14}.footer-logo{background:linear-gradient(135deg,#ff006e 0%,orange 50%,#00d9ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;animation:4s infinite gradientShift}.footer-text{color:#ccd6ff;max-width:600px;margin:0 auto 2rem;line-height:1.6}.footer-contact{border-top:2px solid #ff006e33;border-bottom:2px solid #00d9ff33;flex-wrap:wrap;justify-content:center;gap:2rem;margin:2rem 0;padding:1.5rem 0;display:flex}.contact-item{color:#ccd6ff;font-size:.95rem}.contact-item p{margin:0}.contact-item a{color:#ff006e;text-decoration:none;transition:all .3s}.contact-item a:hover{color:#00d9ff;text-shadow:0 0 10px #00d9ff80;text-decoration:underline}.copyright{color:#8895cc;margin-top:2rem;font-size:.9rem}@keyframes pulse{0%{box-shadow:0 0 #4a6fff66}70%{box-shadow:0 0 0 15px #4a6fff00}to{box-shadow:0 0 #4a6fff00}}@keyframes grow{0%{height:0}to{height:100%}}.footer{background:linear-gradient(135deg,#0f0f1efa 0%,#1a1a2efa 100%);border-top:2px solid;border-image:linear-gradient(90deg,#ff006e,#00d9ff,orange) 1;margin-top:4rem;padding:4rem 5% 2rem;box-shadow:0 -15px 40px #ff006e26}.footer-container{max-width:1400px;margin:0 auto}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:3rem;display:grid}.footer-section{text-align:left;animation:.7s ease-out slideInDown3d}.footer-section h4{background:linear-gradient(135deg,#ff006e 0%,orange 50%,#00d9ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.2rem;font-weight:700;display:flex}.footer-logo{background:linear-gradient(135deg,#ff006e 0%,orange 50%,#00d9ff 100%) 0 0/200% 200%;color:#0000;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.8rem;margin-bottom:1.5rem;font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:700;animation:4s infinite gradientShift;display:flex}.footer-text{color:#ccd6ff;margin-bottom:1.5rem;font-size:.95rem;line-height:1.8}.footer-features{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.feature-item{color:#ccd6ff;background:#ff006e1a;border-radius:8px;align-items:center;gap:.8rem;padding:.8rem;transition:all .3s;display:flex}.feature-item:hover{color:#ff006e;background:#ff006e33;transform:translate(5px)}.feature-item svg{color:#ff006e;flex-shrink:0}.footer-links{flex-direction:column;gap:1rem;list-style:none;display:flex}.footer-links li{margin:0}.footer-links a{color:#ccd6ff;align-items:center;gap:.5rem;font-size:.95rem;text-decoration:none;transition:all .3s;display:flex}.footer-links a:hover{color:#00d9ff;text-shadow:0 0 10px #00d9ff66;padding-left:.5rem}.contact-info{flex-direction:column;gap:1rem;display:flex}.info-item{color:#ccd6ff;background:#00d9ff0d;border-radius:8px;align-items:center;gap:.8rem;padding:.8rem;transition:all .3s;display:flex}.info-item:hover{background:#00d9ff1a;transform:translate(5px)}.info-item svg{color:#00d9ff;flex-shrink:0}.info-item a,.info-item span{color:#ccd6ff;text-decoration:none}.info-item a:hover{color:#00d9ff}.social-links{flex-wrap:wrap;gap:1rem;display:flex}.social-icon{color:#ff006e;background:linear-gradient(135deg,#ff006e33 0%,#00d9ff1a 100%);border:2px solid #ff006e4d;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex}.social-icon:hover{color:#00d9ff;background:linear-gradient(135deg,#ff006e66 0%,#00d9ff33 100%);border-color:#00d9ff;transform:translateY(-5px)scale(1.1);box-shadow:0 10px 25px #ff006e4d}.footer-divider{background:linear-gradient(90deg,#0000,#ff006e,#00d9ff,orange,#0000);height:2px;margin:2rem 0}.footer-bottom{flex-direction:column;align-items:center;gap:2rem;padding-top:2rem;display:flex}.footer-stats{flex-wrap:wrap;justify-content:center;gap:3rem;width:100%;display:flex}.stat{background:#ff006e14;border:1px solid #ff006e33;border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:all .3s;display:flex}.stat:hover{background:#ff006e26;transform:translateY(-3px);box-shadow:0 10px 25px #ff006e33}.stat svg{color:#ff006e;flex-shrink:0}.stat-value{background:linear-gradient(135deg,#ff006e,#00d9ff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:700}.stat-label{color:#ccd6ff;margin:0;font-size:.85rem}.copyright{color:#8895cc;text-align:center;width:100%;font-size:.9rem}.heart{animation:1.5s ease-in-out infinite pulse}@keyframes scaleUp3d{0%{transform:scale(.8)translateZ(-50px)rotateX(10deg)}to{transform:scale(1)translateZ(0)rotateX(0)}}@keyframes waveBars{0%,to{transform:scaleY(.6)}50%{transform:scaleY(1)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (max-width:992px){.hero h1{font-size:2.8rem}.products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.nav-links{display:none}.hero h1{font-size:2.2rem}.hero p{font-size:1rem}.products-grid{grid-template-columns:1fr}.section-title{font-size:2rem}.header{padding:1rem 5%}.container{padding-left:3%;padding-right:3%}@media (max-width:992px){.container .hero h1{font-size:2.8rem}.container .products-grid{grid-template-columns:repeat(2,1fr)}.container .footer-content{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (max-width:768px){.container .nav-links{display:none}.container .hero h1{font-size:2.2rem}.container .hero p{font-size:1rem}.container .products-grid{grid-template-columns:1fr}.container .section-title{font-size:2rem}.container .header{padding:1rem 5%}.container .container{padding-left:3%;padding-right:3%}.container .footer-content{grid-template-columns:1fr;gap:1.5rem}.container .footer-stats{flex-direction:column;gap:1rem}.container .stat{justify-content:center;width:100%}}}.float-animation{animation:5s ease-in-out infinite float}