@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--surface:#111;--surface-2:#161616;--surface-3:#1c1c1c;--border:#9333ea26;--border-hover:#9333ea66;--text:#fff;--text-secondary:#a3a3a3;--text-muted:#737373;--primary:#8b5cf6;--accent:#9333ea;--accent-2:#a855f7;--accent-3:#c084fc;--neon:#d946ef;--neon-glow:#d946ef80;--accent-glow:#9333ea80;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--radius:28px;--radius-sm:16px;--radius-xs:12px;--radius-pill:100px;--transition:.3s cubic-bezier(.4, 0, .2, 1);--font-display:"Outfit", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}::selection{background:var(--accent);color:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.grain-overlay{z-index:9998;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px;position:fixed;inset:0}.bg-grid{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-grid:before{content:"";background-image:linear-gradient(#9333ea0d 1px,#0000 1px),linear-gradient(90deg,#9333ea0d 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 0,#000 20%,#0000 80%);mask-image:radial-gradient(at 50% 0,#000 20%,#0000 80%)}.theme-fluid{filter:blur(120px);z-index:-2;pointer-events:none;background:conic-gradient(#050505 0deg,#150530 90deg,#050505 180deg,#210b38 270deg,#050505 360deg);width:200%;height:200%;animation:30s linear infinite spinFluid;position:fixed;top:-50%;left:-50%}@keyframes spinFluid{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.theme-hexagon{z-index:-2;pointer-events:none;background-color:#050505;background-image:url("data:image/svg+xml,%3Csvg width='60' height='103.923' viewBox='0 0 60 103.923' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%239333ea' stroke-width='1.5' stroke-opacity='0.15' fill='none'%3E%3Cpath d='M30 103.923L0 86.6025V51.9615L30 34.641L60 51.9615V86.6025L30 103.923Z'/%3E%3Cpath d='M30 34.641L0 17.3205V-17.3205L30 -34.641L60 -17.3205V17.3205L30 34.641Z'/%3E%3C/g%3E%3C/svg%3E");background-size:60px 103.923px;animation:40s linear infinite panHex;position:fixed;inset:0}@keyframes panHex{0%{background-position:0 0}to{background-position:60px 103.923px}}.theme-particles{z-index:-2;pointer-events:none;background-color:#050505;background-image:radial-gradient(circle at 10% 20%,#d946ef14 0%,#0000 20%),radial-gradient(circle at 90% 80%,#9333ea14 0%,#0000 20%);position:fixed;inset:0}.theme-particles:before{content:"";background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='1.5' fill='%23fff' opacity='0.4'/%3E%3Ccircle cx='250' cy='150' r='2' fill='%239333ea' opacity='0.5'/%3E%3Ccircle cx='150' cy='300' r='1' fill='%23fff' opacity='0.3'/%3E%3Ccircle cx='350' cy='350' r='1.5' fill='%23d946ef' opacity='0.6'/%3E%3C/svg%3E");background-size:400px 400px;animation:60s linear infinite floatParticles;position:absolute;inset:-50%}@keyframes floatParticles{0%{transform:translateY(0)}to{transform:translateY(-400px)}}.theme-lasers{z-index:-2;pointer-events:none;background-color:#050505;position:fixed;inset:0}.theme-lasers:before,.theme-lasers:after{content:"";background:linear-gradient(90deg,#0000,#9333ea66,#0000);height:1px;position:absolute;left:0;right:0;box-shadow:0 0 10px #9333ea80}.theme-lasers:before{animation:8s linear infinite laserDown;top:0}.theme-lasers:after{animation:12s linear infinite laserUp;bottom:0}@keyframes laserDown{0%{opacity:0;top:-10%}10%{opacity:1}90%{opacity:1}to{opacity:0;top:110%}}@keyframes laserUp{0%{opacity:0;bottom:-10%}10%{opacity:1}90%{opacity:1}to{opacity:0;bottom:110%}}.theme-solid{z-index:-2;pointer-events:none;background-color:#050505;position:fixed;inset:0}.ambient-noise{opacity:.03;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:fixed;inset:0}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,-30px)scale(1.05)}to{transform:translate(-30px,30px)scale(.95)}}.navbar{z-index:100;justify-content:center;width:100%;transition:all .4s;display:flex;position:fixed;top:1.5rem;left:0}.navbar-inner{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-pill);background:#0a0a0a66;border:1px solid #ffffff1a;justify-content:space-between;align-items:center;width:95%;max-width:1050px;margin:0 auto;padding:.4rem 1.2rem;transition:all .4s;display:flex;box-shadow:0 0 15px #0003}.navbar.scrolled .navbar-inner{background:#050505f2;border:1px solid #ffffff26;padding:.4rem 1.2rem;box-shadow:0 10px 30px #000c}.nav-logo{font-family:var(--font-display);letter-spacing:.1em;color:var(--text);text-shadow:0 0 20px var(--accent-glow);transition:var(--transition);font-size:1.5rem;font-weight:900}.nav-logo:hover{color:var(--accent-3);text-shadow:0 0 30px var(--neon-glow)}.nav-links{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414b3;border:1px solid #9333ea4d;align-items:center;gap:2.5rem;padding:.6rem 2.5rem;list-style:none;display:flex;box-shadow:0 10px 30px #00000080,inset 0 0 15px #9333ea1a}.nav-links a{color:var(--text-secondary);transition:var(--transition);padding:.5rem 0;font-size:.95rem;font-weight:500;position:relative}.nav-links a:after{content:"";background:var(--accent-2);width:0;height:2px;box-shadow:0 0 10px var(--accent-glow);border-radius:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-links a:hover{color:var(--text)}.nav-links a:hover:after{width:100%}.nav-actions{align-items:center;gap:1rem;display:flex}.nav-icon-btn{border-radius:var(--radius-pill);border:1px solid var(--border);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:#ffffff08;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.nav-icon-btn:hover{border-color:var(--accent);color:var(--text);background:#9333ea1a;box-shadow:0 0 15px #9333ea33}.btn{border-radius:var(--radius-pill);font-family:var(--font-display);cursor:pointer;letter-spacing:.02em;border:none;justify-content:center;align-items:center;gap:8px;padding:.9rem 1.8rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-accent{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;box-shadow:0 0 20px var(--accent-glow)}.btn-accent:hover{box-shadow:0 0 30px var(--neon-glow);background:linear-gradient(135deg, var(--accent-2), var(--neon));transform:translateY(-2px)}.btn-outline{color:var(--accent-3);border:1px solid var(--accent);background:0 0;box-shadow:inset 0 0 10px #9333ea1a,0 0 10px #9333ea1a}.btn-outline:hover{color:#fff;border-color:var(--neon);background:#9333ea1a;transform:translateY(-2px);box-shadow:inset 0 0 20px #d946ef33,0 0 20px #d946ef33}.btn-full{width:100%;padding:1rem;font-size:1.1rem}.hero{text-align:center;background:radial-gradient(at 50% -20%,#ffffff0a,#0000 60%),radial-gradient(at -20%,#9333ea14,#0000 50%),radial-gradient(at 120%,#ffffff08,#0000 50%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:8rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.hero:after{content:"";background:linear-gradient(to bottom, transparent, var(--bg));pointer-events:none;z-index:-1;width:100%;height:250px;position:absolute;bottom:0;left:0}.hero-badge{border-radius:var(--radius-pill);border:1px solid var(--accent);color:var(--accent-3);letter-spacing:.02em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#9333ea1a;align-items:center;gap:10px;margin-bottom:2rem;padding:.6rem 1.6rem;font-size:.85rem;font-weight:500;display:inline-flex;box-shadow:0 0 20px #9333ea26}.hero-badge-dot{background:var(--neon);width:8px;height:8px;box-shadow:0 0 10px var(--neon);border-radius:50%;animation:2s ease-in-out infinite pulse-dot}.hero-title{font-family:var(--font-display);color:var(--text);letter-spacing:.02em;margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:500;line-height:1.1}.hero-gradient-text{background:linear-gradient(135deg,#d946ef 0%,#9333ea 50%,#c084fc 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:400;animation:3s linear infinite shine}@keyframes shine{to{background-position:200%}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-subtitle{color:var(--text-secondary);max-width:650px;margin:0 auto 2.5rem;font-size:1.15rem;font-weight:400;line-height:1.8}.hero-cta{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.hero-scroll{color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;z-index:10;flex-direction:column;align-items:center;gap:10px;font-size:.75rem;display:flex;position:absolute;bottom:2rem}.scroll-line{background:linear-gradient(to bottom, var(--accent), transparent);width:2px;height:40px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%{opacity:0;transform:translateY(-10px)}50%{opacity:1}to{opacity:0;transform:translateY(10px)}}.section{z-index:1;padding:3.5rem 0;position:relative}.section-frosted{-webkit-backdrop-filter:blur(30px);background:#ffffff05;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;box-shadow:inset 0 0 50px #00000080}.section-dark{background:linear-gradient(#000,#0000)}.full-divider{background:var(--border);width:100vw;height:1px;margin-bottom:3rem;position:relative;left:50%;transform:translate(-50%)}.section-header{margin-bottom:3.5rem}.section-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.2em;color:var(--accent-3);margin-bottom:.8rem;font-size:.8rem;font-weight:700}.section-title{font-family:var(--font-display);color:var(--text);text-transform:uppercase;font-size:clamp(2rem,4vw,2.8rem);font-weight:800}.categories-flex{flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-top:2rem;display:flex}.category-chip{-webkit-backdrop-filter:blur(10px);color:var(--text);font-family:var(--font-display);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background:#14141480;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:12px;padding:1rem 2.5rem;font-size:.95rem;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.category-chip:before{content:"";background:linear-gradient(135deg,#0000,#9333ea33,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.category-chip:hover:before{transform:translate(100%)}.category-chip:hover{border-color:var(--accent);color:#fff;transform:translateY(-4px);box-shadow:0 10px 25px #9333ea33,inset 0 0 15px #9333ea1a}.products-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.card{-webkit-backdrop-filter:blur(20px);background:linear-gradient(145deg,#141419cc,#0a0a0cf2);border:1px solid #9333ea26;border-radius:20px;flex-direction:column;transition:all .5s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}.card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#0000);border-radius:20px;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:hover{border-color:var(--accent);transform:translateY(-12px)scale(1.02);box-shadow:0 20px 50px #000c,0 0 40px #9333ea4d}.card-img-wrapper{height:220px;position:relative;overflow:hidden}.card-img{object-fit:cover;filter:brightness(.8);width:100%;height:100%;transition:transform .6s}.card:hover .card-img{filter:brightness();transform:scale(1.1)}.card-badge{border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.1em;z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.4rem .8rem;font-size:.7rem;font-weight:700;position:absolute;top:1rem;left:1rem}.badge-new{color:#fff;background:#9333eae6;box-shadow:0 0 15px #9333ea80}.badge-hot{color:#fff;background:#ef4444e6;box-shadow:0 0 15px #ef444480}.badge-sale{color:#fff;background:#d946efe6;box-shadow:0 0 15px #d946ef80}.badge-stock{color:#fff;background:#22c55ee6;box-shadow:0 0 15px #22c55e80}.card-body{flex-direction:column;flex:1;padding:1.5rem;display:flex}.card-meta{margin-bottom:.8rem}.card-category{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.15em;color:var(--accent-3);font-size:.65rem;font-weight:700}.card-title{color:var(--text);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.card-desc{color:var(--text-secondary);flex:1;font-size:.9rem;line-height:1.6}.card-footer{background:#0003;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.price-wrapper{flex-direction:column;display:flex}.price{font-family:var(--font-display);color:var(--text);text-shadow:0 0 10px #fff3;font-size:1.3rem;font-weight:800}.price-old{color:var(--text-muted);font-size:.85rem;text-decoration:line-through}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.feature-card{border:1px solid var(--border);border-radius:var(--radius);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14141480;padding:2.5rem 2rem;transition:all .3s}.feature-card:hover{border-color:var(--accent);background:#1e142d66;transform:translateY(-5px)}.feature-icon{color:var(--accent-2);text-shadow:0 0 20px var(--accent-glow);margin-bottom:1.5rem;font-size:2.5rem}.feature-card h3{color:var(--text);margin-bottom:1rem;font-size:1.3rem;font-weight:700}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.payment-methods{color:var(--text-muted);opacity:.6;justify-content:center;gap:2rem;font-size:2.5rem;display:flex}.payment-methods i{transition:all .3s}.payment-methods i:hover{color:var(--text);opacity:1;transform:scale(1.1)}.seo-section{background:0 0;position:relative}.seo-content{text-align:center;max-width:800px;margin:0 auto}.seo-content h2,.seo-content h3{font-family:var(--font-display);color:var(--text);text-transform:uppercase;margin-bottom:1rem}.seo-content h2{font-size:2rem}.seo-content h3{margin-top:2.5rem;font-size:1.5rem}.seo-content p{color:var(--text-secondary);font-size:1.05rem;line-height:1.8}.seo-content strong{color:var(--accent-3);font-weight:600}.footer{text-align:center;padding:4rem 2rem}.footer-content{max-width:1280px;margin:0 auto}.footer-logo{font-family:var(--font-display);letter-spacing:.2em;color:var(--text-muted);margin-bottom:1rem;font-size:2rem;font-weight:900}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;padding:1rem;animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;width:100%;max-width:900px;max-height:90vh;animation:.4s cubic-bezier(.16,1,.3,1) forwards popIn;display:flex;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #000c}.product-modal-grid{grid-template-columns:1fr 1fr;display:grid}@media (max-width:768px){.product-modal-grid{grid-template-columns:1fr}}.modal-close{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem}.modal-close:hover{background:var(--danger);transform:rotate(90deg)}.modal-img-container{width:100%;height:100%;min-height:300px}.modal-img{object-fit:contain;width:100%;height:100%;padding:1rem}.modal-body{flex-direction:column;padding:2.5rem;display:flex}.modal-title{color:var(--text);margin-bottom:1rem;font-size:2rem;font-weight:800}.modal-desc{color:var(--text-muted);white-space:pre-wrap;margin-bottom:2rem;font-size:.95rem;line-height:1.6}.modal-select{border:1px solid var(--border);color:#fff;border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);background:#0000004d;outline:none;padding:1rem;font-size:1rem;transition:all .3s}.modal-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #9333ea33}.modal-select option{background:var(--surface);color:#fff}.modal-price-wrapper{align-items:flex-start;margin-top:2rem;margin-bottom:1.5rem}.modal-price-wrapper .price{color:var(--neon);text-shadow:0 0 15px #d946ef4d;font-size:2rem}@media (max-width:992px){.nav-links{display:none}}@media (max-width:768px){.hero-title{font-size:2.5rem}.section{padding:4rem 0}.modal-body{padding:1.5rem}}.login-screen{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius);border:1px solid var(--border);text-align:center;background:#14141499;width:100%;max-width:400px;padding:3rem;box-shadow:0 10px 40px #00000080}.login-card h1{font-family:var(--font-display);color:var(--text);margin:1rem 0 2rem;font-size:1.5rem}.input-group{margin-bottom:1rem}.login-error{color:#ef4444;border-radius:var(--radius-sm);background:#ef44441a;border:1px solid #ef44444d;margin-bottom:1.5rem;padding:.8rem;font-size:.9rem}.admin-header{justify-content:space-between;align-items:flex-end;margin-bottom:2rem;display:flex}.stats-bar{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem;display:grid}.stat-item{border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;background:#14141480;padding:1.5rem}.stat-number{font-family:var(--font-display);color:var(--accent-3);font-size:2rem;font-weight:800}.admin-card{border:1px solid var(--border);background:#14141466;padding:2rem}.form-grid-2{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.form-grid-3{grid-template-columns:1fr 1fr 1fr;gap:1.5rem;display:grid}.form-group{text-align:left;flex-direction:column;align-items:flex-start;margin-bottom:1.5rem;display:flex}.form-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem;font-weight:600}.form-input{border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--radius-xs);font-family:var(--font-body);background:#0000004d;outline:none;padding:.8rem;transition:all .3s}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #9333ea33}.btn-sm{padding:.5rem 1rem;font-size:.8rem}.client-product-card:hover{border-color:var(--accent)!important}.store-layout{flex-direction:column;align-items:center;gap:2.5rem;margin-top:2rem;display:flex}.store-sidebar{flex-flow:wrap;justify-content:center;gap:.8rem;width:100%;display:flex}.store-content{width:100%}.store-sidebar .category-chip{width:auto;padding:.6rem 1.2rem}@media (max-width:768px){.store-sidebar{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:.5rem;overflow-x:auto}.store-sidebar .category-chip{flex-shrink:0}}