@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Orbitron:wght@400;500;600;700;800;900&display=swap");*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0f0f0f);color:#e5e5e5;line-height:1.6;font-weight:300;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.05) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(168,162,158,.03) 0,transparent 50%),radial-gradient(circle at 40% 20%,rgba(217,217,217,.02) 0,transparent 50%);pointer-events:none;z-index:1}h1,h2,h3,h4{font-family:Orbitron,Inter,sans-serif;font-weight:700;background:linear-gradient(135deg,#e5e5e5,#a8a29e 50%,#fafafa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:2px;text-transform:uppercase;position:relative}.container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.navbar{background:linear-gradient(135deg,rgba(15,15,15,.95),rgba(25,25,25,.95));-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);box-shadow:0 1px 0 rgba(168,162,158,.2),0 8px 32px rgba(0,0,0,.6);padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000;border-bottom:1px solid transparent;background-clip:padding-box;position:relative}.navbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(168,162,158,.5) 20%,rgba(217,217,217,.8) 50%,rgba(168,162,158,.5) 80%,transparent)}.nav-container{display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#d4d4d8,#a8a29e 45%,#fafafa 50%,#a8a29e 55%,#d4d4d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none;font-family:Orbitron,sans-serif;letter-spacing:3px;text-transform:uppercase;filter:drop-shadow(0 2px 4px rgba(168,162,158,.3));transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-logo:hover{filter:drop-shadow(0 4px 8px rgba(168,162,158,.5));transform:translateY(-1px)}.nav-menu{display:flex;gap:2.5rem;align-items:center}.nav-link{color:#a8a29e;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.85rem;font-weight:500;letter-spacing:2px;position:relative;text-transform:uppercase;font-family:Inter,sans-serif}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:1px;background:linear-gradient(90deg,#a8a29e,#fafafa,#a8a29e);transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px rgba(168,162,158,.5)}.nav-link:hover{color:#fafafa;text-shadow:0 0 20px rgba(250,250,250,.3)}.nav-link:hover:after{width:100%}.btn{display:inline-block;padding:1rem 2.5rem;background:linear-gradient(135deg,#374151,#4b5563 50%,#374151);color:#fafafa;border:1px solid rgba(168,162,158,.3);border-radius:2px;cursor:pointer;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);font-size:.85rem;font-weight:600;letter-spacing:2px;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 4px 12px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.2);text-transform:uppercase;position:relative;overflow:hidden;font-family:Inter,sans-serif}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#4b5563,#6b7280 50%,#4b5563);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 20px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.2);border-color:rgba(168,162,158,.5)}.btn-secondary{background:transparent;color:#a8a29e;border:1px solid rgba(168,162,158,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 2px 8px rgba(0,0,0,.2)}.btn-secondary:hover{background:rgba(168,162,158,.1);color:#fafafa;border-color:rgba(168,162,158,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 4px 12px rgba(0,0,0,.3)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:2.5rem;gap:2.5rem;margin:3rem 0}.product-card{background:linear-gradient(135deg,rgba(26,26,26,.9),rgba(38,38,38,.9));border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 32px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.3);transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(168,162,158,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(168,162,158,.3),transparent)}.product-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 20px 40px rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.3);border-color:rgba(168,162,158,.3)}.product-image{width:100%;height:260px;object-fit:cover;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-bottom:1px solid rgba(168,162,158,.1);filter:contrast(1.1) brightness(.95);transition:all .4s cubic-bezier(.4,0,.2,1)}.product-card:hover .product-image{filter:contrast(1.2) brightness(1)}.product-info{padding:1.8rem;background:linear-gradient(180deg,transparent,rgba(0,0,0,.2))}.product-name{font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#e5e5e5,#a8a29e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:1.5px}.product-name,.product-price{margin-bottom:.8rem;font-family:Orbitron,sans-serif}.product-price{font-size:1.6rem;background:linear-gradient(135deg,#a8a29e,#d4d4d8 50%,#a8a29e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;letter-spacing:1px;filter:drop-shadow(0 2px 4px rgba(168,162,158,.2))}.product-rating{display:flex;align-items:center;gap:.6rem;margin-bottom:1.2rem;font-size:.9rem;color:#9ca3af}.stars{color:#a8a29e;filter:drop-shadow(0 0 3px rgba(168,162,158,.5))}.search-container{display:flex;gap:1.5rem;margin:2.5rem 0;flex-wrap:wrap}.search-input{flex:1 1;min-width:300px;padding:.9rem 1.2rem;border:1px solid rgba(168,162,158,.2);border-radius:2px;font-size:.9rem;background:rgba(26,26,26,.8);color:#e5e5e5;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-input::placeholder{color:#9ca3af}.search-input:focus{outline:none;border-color:rgba(168,162,158,.4);background:rgba(26,26,26,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 3px rgba(168,162,158,.1)}.filter-select{padding:.9rem 1.5rem;border:1px solid rgba(168,162,158,.2);border-radius:2px;font-size:.9rem;background:rgba(26,26,26,.8);color:#e5e5e5;min-width:180px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-select option{background:#1a1a1a;color:#e5e5e5}.filter-select:focus{outline:none;border-color:rgba(168,162,158,.4);background:rgba(26,26,26,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 3px rgba(168,162,158,.1)}.cart-badge{background:#ef4444;color:white;border-radius:50%;padding:.2rem .45rem;font-size:.75rem;position:absolute;top:-8px;right:-8px;font-weight:700;min-width:20px;text-align:center}.cart-icon{position:relative;color:#a8a29e;transition:all .3s cubic-bezier(.4,0,.2,1)}.cart-icon:hover{color:#fafafa;filter:drop-shadow(0 0 8px rgba(168,162,158,.4))}.form-group{margin-bottom:1.8rem}.form-label{display:block;margin-bottom:.6rem;font-weight:500;color:#a8a29e;font-size:.95rem;letter-spacing:.3px}.form-input{width:100%;padding:.9rem 1.2rem;border:1px solid rgba(168,162,158,.2);border-radius:2px;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:rgba(26,26,26,.8);color:#e5e5e5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-input::placeholder{color:#9ca3af}.form-input:focus{outline:none;border-color:rgba(168,162,158,.4);background:rgba(26,26,26,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 3px rgba(168,162,158,.1)}.auth-container{max-width:420px;margin:3rem auto;padding:2.5rem;background:linear-gradient(135deg,rgba(26,26,26,.95),rgba(38,38,38,.95));border-radius:4px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 15px 40px rgba(0,0,0,.5);border:1px solid rgba(168,162,158,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.hero{background:linear-gradient(180deg,rgba(10,10,10,.95),rgba(26,26,26,.9)),radial-gradient(circle at 50% 50%,rgba(168,162,158,.1) 0,transparent 70%);color:white;padding:7rem 0;text-align:center;position:relative;overflow:hidden;border-bottom:1px solid rgba(168,162,158,.1)}.hero:before{top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(168,162,158,.03) 0,rgba(168,162,158,.03) 20px);animation:shimmer 20s linear infinite}@keyframes shimmer{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.hero .container{position:relative;z-index:1}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.1) 0,transparent 50%);pointer-events:none;z-index:0}.hero h1{font-size:4rem;margin-bottom:1.2rem;font-weight:900;background:linear-gradient(135deg,#fafafa,#a8a29e 45%,#fafafa 50%,#a8a29e 55%,#fafafa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;position:relative;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:metallic-shine 3s ease-in-out infinite}@keyframes metallic-shine{0%,to{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3)) brightness(1)}50%{filter:drop-shadow(0 4px 12px rgba(168,162,158,.4)) brightness(1.1)}}.hero p{font-size:1.1rem;margin-bottom:2.5rem;font-weight:300;color:#a8a29e;max-width:700px;margin-left:auto;margin-right:auto;letter-spacing:1px;line-height:1.8}.footer{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0a0a0a);color:#a8a29e;padding:4rem 0 2rem;margin-top:5rem;position:relative;border-top:1px solid rgba(168,162,158,.1)}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(168,162,158,.3) 25%,rgba(217,217,217,.5) 50%,rgba(168,162,158,.3) 75%,transparent)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:3rem;gap:3rem;margin-bottom:3rem}.footer-section h3{margin-bottom:1.5rem;background:linear-gradient(135deg,#d4d4d8,#a8a29e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.2rem;font-weight:600;font-family:Orbitron,sans-serif;text-transform:uppercase;letter-spacing:2px}.footer-section a{color:#9ca3af;text-decoration:none;display:block;margin-bottom:.8rem;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.9rem;padding-left:0;font-weight:300}.footer-section a:hover{color:#a8a29e;padding-left:8px;text-shadow:0 0 10px rgba(168,162,158,.3)}.footer-section p{color:#9ca3af;font-size:.9rem;line-height:1.8;font-weight:300}.mobile-menu-toggle{display:none!important;background:none;border:none;font-size:1.5rem;color:#db7093;cursor:pointer;padding:.5rem;transition:transform .3s}.mobile-menu-toggle:hover{transform:scale(1.1)}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:98}@media (max-width:768px){.mobile-menu-toggle{display:block!important;color:#60a5fa}.nav-tagline{display:none!important}.nav-logo{height:35px!important}.nav-menu{position:fixed;top:70px;right:0;width:80%;max-width:300px;height:calc(100vh - 70px);background:white;flex-direction:column;align-items:flex-start;padding:2rem;gap:1.5rem;transform:translateX(100%);transition:transform .3s ease;z-index:99;box-shadow:-10px 0 30px rgba(0,0,0,.1);overflow-y:auto}.nav-menu.mobile-menu-open{transform:translateX(0)}.mobile-menu-open~.mobile-menu-overlay{display:block!important}.nav-menu .nav-link{width:100%;padding:.75rem 0;border-bottom:1px solid rgba(37,99,235,.2);font-size:1.1rem}.nav-menu .btn{width:100%;text-align:center;margin-top:.5rem}.navbar{padding:.8rem 0}.hero h1{font-size:2rem}.hero p{font-size:1.1rem;padding:0 1rem}.product-grid{grid-template-columns:1fr;padding:0 1rem}.footer-content{grid-template-columns:1fr;text-align:center}.footer-section{margin-bottom:2rem}.container{padding:0 1rem}.form-card{padding:1.5rem;margin:1rem}.cart-icon{position:relative}}@font-face{font-family:Abnes;src:url(/fonts/abnes/abnes.otf) format("opentype"),url(/fonts/abnes/abnes.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}