:root{--bg-primary: #0a0f18;--bg-secondary: #121926;--accent-color: #00ff66;--accent-hover: #00cc52;--text-primary: #ffffff;--text-secondary: #a0aec0;--border-color: rgba(255, 255, 255, .1);--glass-bg: rgba(10, 15, 24, .85);--transition: all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:var(--transition)}a:hover{color:var(--accent-color)}ul{list-style:none}button{cursor:pointer;font-family:inherit;border:none;background:none;transition:var(--transition)}.container{max-width:1400px;margin:0 auto;padding:0 3rem}@media(max-width:768px){.container{padding:0 1.5rem}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.fade-in-up{opacity:0;animation:fadeInUp .8s cubic-bezier(.2,.8,.2,1) forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.navbar{position:fixed;top:0;left:0;width:100%;z-index:100;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);padding:1.2rem 0;animation:fadeInDown .6s ease-out}.navbar .container{display:flex;justify-content:space-between;align-items:center;position:relative}.brand-logo{display:flex;align-items:center;gap:1rem;font-size:1.8rem;font-weight:800;letter-spacing:-.5px;color:var(--text-primary);flex-shrink:0}.brand-logo img{height:40px;width:auto;object-fit:contain}.brand-logo span{color:var(--accent-color)}.nav-links{display:flex;gap:2.5rem;font-weight:500;font-size:1rem;text-transform:uppercase;letter-spacing:1px}@media(min-width:901px){.nav-links{position:absolute;left:50%;transform:translate(-50%)}}.nav-links li{position:relative}.nav-links li a.active{color:var(--accent-color)}.nav-links li a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--accent-color);box-shadow:0 0 10px var(--accent-color);transition:width .3s ease}.nav-links li a.active:after{width:100%}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;min-width:220px;padding:1rem 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:var(--transition);box-shadow:0 15px 35px #00000080;z-index:1000}.store-dropdown .dropdown-menu{display:none}.dropdown:not(.profile-dropdown):not(.store-dropdown):hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.mobile-only{display:none!important}@media(max-width:900px){.mobile-only{display:block!important}}.dropdown-item{display:block;padding:.8rem 1.5rem;color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:var(--transition);white-space:nowrap;text-transform:none;letter-spacing:.5px}.dropdown-item:hover,.dropdown-item.active{background:#ffffff0d;color:var(--accent-color);padding-left:2rem}.dropdown-divider{height:1px;background:var(--border-color);margin:.5rem 1rem}.nav-link-with-icon{display:flex;align-items:center;gap:.5rem;cursor:pointer}.dropdown-icon{transition:transform .3s ease;color:var(--text-secondary)}.dropdown-icon.rotate{transform:rotate(180deg)}@media(max-width:900px){.nav-item.dropdown .dropdown-menu{position:relative;top:0;left:0;width:100%;min-width:100%!important;box-shadow:none;background:#ffffff08;border-radius:8px;margin-top:.5rem;padding:.5rem 0;display:none;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition)}.nav-item.dropdown.open .dropdown-menu{display:block!important;opacity:1;visibility:visible;transform:translateY(0)}.nav-link-with-icon{justify-content:space-between;width:100%}.nav-item.dropdown{width:100%;margin-bottom:.5rem}}.nav-icons{display:flex;gap:.7rem;align-items:center;justify-content:flex-end}.icon-btn{display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:var(--transition);padding:.5rem;border-radius:50%;margin:0}.icon-btn svg{width:24px;height:24px;display:block}.icon-btn:hover{color:var(--accent-color);background:#ffffff0d;transform:translateY(-2px)}.auth-btns{display:flex;gap:1.2rem;align-items:center}.btn-login{font-size:.95rem;font-weight:600;color:var(--text-primary);background:#ffffff14;border:1px solid var(--border-color);padding:.6rem 1.4rem;border-radius:6px;transition:var(--transition)}.btn-login:hover{background:#ffffff26;border-color:var(--accent-color);color:var(--accent-color)}.btn-signup{font-size:.95rem;font-weight:700;background:var(--accent-color);color:#000;padding:.6rem 1.4rem;border-radius:6px;box-shadow:0 4px 15px #0f63;transition:var(--transition)}.btn-signup:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #00ff664d;color:#000}@media(max-width:600px){.auth-btns{gap:.8rem}.btn-login,.btn-signup{font-size:.85rem;padding:.5rem 1rem}}.mobile-menu-btn{display:none}.mobile-menu-btn svg{color:var(--text-primary)}@media(max-width:900px){.nav-links{display:none}.mobile-menu-btn{display:block}}.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding-top:80px;overflow:hidden;background:radial-gradient(circle at 70% 50%,var(--bg-secondary) 0%,var(--bg-primary) 70%)}.hero:before{content:"";position:absolute;top:-20%;left:-10%;width:500px;height:500px;background:var(--accent-color);filter:blur(250px);opacity:.15;border-radius:50%;z-index:0}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}@media(max-width:900px){.hero-container{grid-template-columns:1fr;text-align:center;padding-top:4rem}}@media(max-width:900px){.hero{padding-top:110px}}.hero-content h1{font-size:clamp(3rem,5vw,5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem}.hero-content h1 span{background:linear-gradient(135deg,var(--accent-color),#00a3ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-content p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2.5rem;max-width:500px}@media(max-width:900px){.hero-content p{margin:0 auto 2.5rem}}.hero-buttons{display:flex;gap:1.5rem}@media(max-width:900px){.hero-buttons{justify-content:center}}.btn{padding:1rem 2rem;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden;z-index:1}.btn-primary{background:var(--accent-color);color:#000}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 10px 20px #0f63}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-outline:hover{border-color:var(--text-primary);background:#ffffff0d}.hero-image-wrapper{position:relative;display:flex;justify-content:center;align-items:center;justify-self:end}.hero-image{max-width:100%;height:auto;filter:drop-shadow(0 20px 30px rgba(0,0,0,.5));animation:float 6s ease-in-out infinite;z-index:2;border-radius:12px}.badge{position:absolute;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);padding:1rem;border-radius:8px;display:flex;flex-direction:column;gap:.2rem;z-index:3;animation:float 5s ease-in-out infinite reverse}.badge.top{top:10%;right:10%}.badge.bottom{bottom:10%;left:0}.badge span:first-child{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase}.badge span:last-child{font-size:1.2rem;font-weight:700;color:var(--accent-color)}.section-title{text-align:center;margin-bottom:4rem}.trust-badges{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(2rem,5vw,8rem);padding:1rem 0}.trust-badge-item{display:flex;align-items:center;gap:1.5rem;color:var(--text-secondary);width:auto;transition:var(--transition)}.trust-badge-item:hover{transform:translateY(-5px)}.trust-badge-item svg{flex-shrink:0;transition:var(--transition)}.trust-badge-item:hover svg{transform:scale(1.1)}.trust-badge-text{display:flex;flex-direction:column}.trust-badge-text h4{color:var(--text-primary);font-size:1.1rem;margin-bottom:2px;font-weight:700;white-space:nowrap}.trust-badge-text span{font-size:.85rem;opacity:.7;white-space:nowrap}@media(max-width:1024px){.trust-badges{gap:3rem}}@media(max-width:900px){.trust-badges{flex-direction:column;gap:3rem;padding:4rem 0;align-items:center}.trust-badge-item{flex-direction:column;text-align:center;gap:1rem;width:auto;max-width:280px;justify-content:center}.trust-badge-text{align-items:center}.trust-badge-text h4{font-size:1.2rem}}.section-title h2{font-size:2.5rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem}.section-title p{color:var(--text-secondary)}.page-title{text-align:center!important;width:100%;display:block}.mobile-filter-toggle{display:none}.products-section{padding:8rem 0;background-color:var(--bg-secondary);position:relative}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2.5rem}.product-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:var(--transition);position:relative}.product-card:hover{transform:translateY(-10px);border-color:var(--accent-color);box-shadow:0 15px 30px #0006}.product-image-container{position:relative;padding-top:100%;overflow:hidden;background:#fff}.product-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-image{transform:scale(1.05)}.add-to-cart-overlay{position:absolute;bottom:-50px;left:0;width:100%;background:var(--glass-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:1rem;display:flex;justify-content:center;transition:var(--transition)}.product-card:hover .add-to-cart-overlay{bottom:0}@media(max-width:900px){.add-to-cart-overlay{bottom:0}}.add-to-cart-btn{background:var(--accent-color);color:#000;width:100%;padding:.8rem;border-radius:4px;font-weight:700;font-size:.9rem;text-transform:uppercase}.add-to-cart-btn:hover{background:var(--accent-hover)}.product-info{padding:1.5rem}.product-category{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;display:block}.product-title{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-price{font-size:1.25rem;font-weight:800;color:var(--accent-color)}.stars{display:flex;color:#fbbf24;margin-bottom:.5rem;gap:2px}.stars svg{width:14px;height:14px;fill:currentColor}footer{background:#05080c;padding:4rem 0 2rem;border-top:1px solid var(--border-color)}.footer-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;margin-bottom:3rem}.footer-col h3,.footer-col h4{font-size:1.2rem;margin-bottom:1.5rem;color:var(--text-primary)}@media(min-width:901px){.contact-section{margin-top:4rem}}.footer-col ul{display:flex;flex-direction:column;gap:1rem}.footer-col a{color:var(--text-secondary);font-size:.95rem}.footer-col a:hover{color:var(--accent-color);padding-left:5px}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.9rem}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes ring{0%{transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-15deg)}30%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}50%{transform:rotate(5deg)}60%{transform:rotate(-5deg)}70%{transform:rotate(0)}to{transform:rotate(0)}}.bell-ring{animation:ring 2s ease infinite}.nav-links.active{display:flex;flex-direction:column;position:fixed;top:75px;right:0;left:auto;width:280px;height:calc(100vh - 75px);background:var(--bg-secondary);padding:2rem 2rem 4rem;border-left:1px solid var(--border-color);box-shadow:-10px 10px 30px #00000080;animation:slideInRight .4s cubic-bezier(.2,.8,.2,1) forwards;z-index:1000;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--accent-color) transparent}.nav-links.active::-webkit-scrollbar{display:none}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-10%);opacity:0}to{transform:translateY(0);opacity:1}}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;color:var(--text-secondary);font-size:.9rem}.breadcrumb a{color:var(--text-secondary)}.breadcrumb span{color:var(--accent-color)}.store-header{display:flex;justify-content:center;align-items:center;margin-bottom:3rem;text-align:center}.store-header p{color:var(--text-secondary)}.store-grid{display:grid;grid-template-columns:280px 1fr;gap:3rem;align-items:start}.category-filter-card{background:var(--bg-secondary);padding:1.5rem;border-radius:12px;border:1px solid var(--border-color);position:sticky;top:100px}.category-filter-card h3{font-size:1.1rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:1px}.category-list{display:flex;flex-direction:column;gap:.8rem}.category-list a{color:var(--text-secondary);font-size:.95rem;transition:var(--transition);padding:.5rem 0}.category-list a:hover,.category-list a.active{color:var(--accent-color);font-weight:700;padding-left:5px}@media(max-width:900px){.store-grid{grid-template-columns:1fr;gap:2rem}.store-sidebar{order:-1}.category-filter-card{position:static;padding:1rem;background:transparent;border:none}.category-filter-card h3{font-size:.9rem;margin-bottom:1rem}.category-list{flex-direction:row;overflow-x:auto;gap:1rem;padding-bottom:1rem;scrollbar-width:none}.category-list::-webkit-scrollbar{display:none}.category-list a{white-space:nowrap;padding:.6rem 1.2rem;background:var(--bg-secondary);border-radius:30px;border:1px solid var(--border-color);font-size:.85rem}.category-list a.active{background:#00ff661a;border-color:var(--accent-color);padding-left:1.2rem}.mobile-filter-toggle{display:flex;align-items:center;justify-content:center;gap:.8rem;width:100%;padding:1.2rem;background:var(--accent-color);border:none;border-radius:12px;color:#000;font-weight:800;font-size:1rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:2.5rem;transition:var(--transition);box-shadow:0 10px 20px #0f63}.mobile-filter-toggle svg{color:#000}.mobile-filter-toggle:active{transform:scale(.98);background:#ffffff0d}.store-sidebar{position:fixed;top:0;left:-100%;width:100%;height:100%;z-index:2000;transition:var(--transition);visibility:hidden;pointer-events:none;display:flex;justify-content:flex-start}.store-sidebar.active{left:0;visibility:visible;pointer-events:all}.store-sidebar.active .category-filter-card{transform:translate(0)}.category-filter-card{width:300px;height:100%;background:var(--bg-primary);border:none;border-right:1px solid var(--border-color);border-radius:0;position:relative;z-index:2001;padding:2rem;transform:translate(-100%);transition:transform .4s cubic-bezier(.2,.8,.2,1);overflow-y:auto}.filter-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.filter-card-header h3{margin-bottom:0}.close-filter{color:var(--text-secondary);background:none;border:none;padding:.5rem}.category-list{flex-direction:column!important;overflow-x:visible!important;gap:.5rem!important}.category-list a{background:transparent!important;border:none!important;padding:1rem 0!important;border-radius:0!important;font-size:1.1rem!important;border-bottom:1px solid rgba(255,255,255,.05)!important}.category-list a.active{background:transparent!important;padding-left:10px!important}.filter-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:block!important}}.mobile-filter-toggle,.filter-card-header .close-filter,.filter-overlay{display:none}@media(min-width:901px){.store-sidebar{display:block!important}}@media(max-width:768px){.admin-dashboard-grid{grid-template-columns:1fr!important}h2{font-size:1.8rem!important}.hero-container{padding-top:2rem}.hero-content h1{font-size:2.5rem!important}.hero-buttons{flex-direction:column}.badge{display:none}}@media(max-width:480px){.container{padding:0 1rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.product-info{padding:1rem}.product-title{font-size:.9rem}}.cart-page{padding-top:140px;padding-bottom:80px}.cart-grid{display:grid;grid-template-columns:1fr 380px;gap:3rem;align-items:start}.cart-item{display:flex;align-items:center;gap:2rem;background:var(--bg-secondary);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid var(--border-color);transition:var(--transition)}.cart-item:hover{border-color:#00ff664d;transform:translate(5px)}.cart-item-img{width:100px;height:100px;object-fit:cover;border-radius:8px;background:#fff}.cart-item-info{flex:1}.cart-item-title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.cart-item-price{font-size:1.25rem;font-weight:800;color:var(--accent-color)}.cart-item-remove{color:#ef4444;background:#ef44441a;padding:.8rem;border-radius:8px;display:flex;transition:var(--transition)}.cart-item-remove:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.order-summary{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem;border-radius:16px;border:1px solid var(--border-color);position:sticky;top:120px}.summary-row{display:flex;justify-content:space-between;margin-bottom:1.2rem;color:var(--text-secondary)}.summary-total{display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color);font-size:1.5rem;font-weight:800}@media(max-width:1024px){.cart-grid{grid-template-columns:1fr;gap:2.5rem}.order-summary{position:static}}@media(max-width:768px){.cart-page{padding-top:100px}.cart-item{gap:1rem;padding:1rem;position:relative}.cart-item-img{width:80px;height:80px}.cart-item-title{font-size:1rem}.cart-item-price{font-size:1.1rem}.cart-item-remove{padding:.6rem}}@media(max-width:480px){.cart-item{flex-wrap:wrap;justify-content:space-between}.cart-item-img{width:70px;height:70px}.cart-item-info{width:calc(100% - 90px);flex:none}.cart-item-price{width:100%;margin-top:1rem;text-align:left;order:3}.cart-item-remove{position:absolute;top:1rem;right:1rem}}