.navbar{position:fixed;top:0;left:0;right:0;background:rgba(0,0,0,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,255,.1);z-index:1000;padding:1rem 0}
.nav-container{display:flex;justify-content:space-between;align-items:center}
.logo{font-family:'Space Grotesk',sans-serif;font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(135deg,var(--c),var(--m));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.nav-menu{display:flex;list-style:none;gap:2rem;align-items:center}
.nav-menu a{color:var(--w);font-weight:600;font-size:.9rem;text-transform:uppercase}
.nav-menu a:hover,.nav-menu a.active{color:var(--c)}
.cart-icon{position:relative}
#cart-count{position:absolute;top:-8px;right:-8px;background:var(--c);color:var(--b);font-size:.7rem;padding:2px 6px;border-radius:50%;font-weight:700}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer}
.hamburger span{width:25px;height:2px;background:var(--c)}
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:6rem 2rem;background:radial-gradient(ellipse at center,#1a1a2e 0%,#000 70%);position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(0,255,255,.15),transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,0,255,.1),transparent 50%)}
.hero-content{position:relative;z-index:1}
.hero-badge{display:inline-block;padding:.5rem 1.5rem;border:1px solid var(--c);color:var(--c);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.3em;margin-bottom:2rem;animation:slideUp .8s ease}
.hero-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(3rem,10vw,7rem);font-weight:700;text-transform:uppercase;line-height:1;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,var(--c) 50%,var(--m));-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:glow 4s ease-in-out infinite}
.hero-subtitle{font-size:clamp(1rem,2vw,1.3rem);color:#888;max-width:600px;margin:0 auto 3rem}
.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}