:root{--nav-bg:#0f172a;--nav-surface:#1e293b;--nav-primary:#4a90e2;--nav-accent:#38bdf8;--nav-text:#e5e7eb;--nav-muted:#94a3b8;--nav-hover:#1f2f48}.nav-container{background:var(--nav-bg);z-index:100;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;width:100%;max-width:1200px;height:70px;margin:0 auto;display:flex;position:sticky;top:0}.nav-links{gap:35px;display:flex}.nav-item{color:var(--nav-text);border-radius:8px;padding:8px 14px;font-size:1.05rem;text-decoration:none;transition:all .25s}.nav-item:hover{background:var(--nav-hover);color:var(--nav-accent)}.nav-item.active{background:var(--nav-primary);border-radius:999px;padding:10px 24px;box-shadow:0 4px 14px #4a90e273;color:#fff!important}.nav-right{align-items:center;gap:20px;display:flex;position:absolute;right:25px}.user-box{background:var(--nav-surface);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:6px 14px;transition:all .2s;display:flex}.user-box:hover{background:var(--nav-hover)}.user-box img{border-radius:6px;width:32px;height:32px}.user-box span{color:var(--nav-text);font-size:.95rem;font-weight:500}.dropdown-menu{background:var(--nav-surface);border-radius:10px;width:220px;padding:18px;animation:.2s dropdownFade;position:absolute;top:75px;right:20px;box-shadow:0 8px 20px #00000059}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-login input{border:1px solid var(--nav-muted);background:var(--nav-bg);width:100%;color:var(--nav-text);border-radius:6px;margin-bottom:8px;padding:8px}.dropdown-login button{background:var(--nav-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:8px;font-weight:600}.dropdown-login button:hover{background:var(--nav-accent)}.logout-btn{color:#fff;cursor:pointer;background:#d9534f;border:none;border-radius:6px;width:100%;padding:8px}.logout-btn:hover{background:#b73f3b}.cart-link{color:var(--nav-accent);font-weight:600;text-decoration:none}.cart-link:hover{color:#fff}@media (max-width:900px){.nav-links{display:none}}
:root{--red:#ff4a4a;--blue:#4a90e2;--accent:#38bdf8;--text:#e5e7eb;--muted:#94a3b8;--surface:#1e293b}.hero-wrapper{grid-template-columns:1fr auto 1fr;align-items:center;max-width:1200px;margin:50px auto 0;display:grid;position:relative}.hero-col{align-items:center;gap:12px;display:flex}.hero-left{justify-content:flex-start}.hero-center{justify-content:center}.hero-right{justify-content:flex-end}.hero-icon{align-items:center;font-size:30px;display:flex}.hero-icon svg{transform:scaleX(-1)}.hero-icon.red{color:var(--accent);transform:rotate(180deg)}.hero-icon.blue{color:var(--accent)}.hero-text{flex-direction:column;line-height:1.1rem;display:flex}.hero-text small{color:var(--accent);text-transform:uppercase;margin-bottom:3px;font-size:.8rem;font-weight:700}.stat{align-items:center;gap:6px;font-weight:700;display:flex}.stat-number{font-size:1.25rem;font-weight:800}.stat.red .stat-number,.stat.blue .stat-number{color:var(--accent)}.right-text{text-align:right}.main-logo{width:260px;max-width:80%;transition:all .25s;animation:2.5s infinite pulse}.main-logo:hover{transform:scale(1.05)}@media (max-width:900px){.hero-wrapper{text-align:center;grid-template-columns:1fr;justify-items:center;padding:30px 20px}.hero-left,.hero-right{display:none}.main-logo{width:220px}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}