@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap);:root{--nav-bg:#f0f2f5d9;--mobile-menu-bg:#fff;--mobile-menu-text:#333;--dropdown-bg:#fff;--dropdown-text:#333;--dropdown-hover:#f6f8fa;--accent-green:#2da44e}.dark-mode{--nav-bg:#0d1117d9;--mobile-menu-bg:#161b22;--mobile-menu-text:#e0e0e0;--dropdown-bg:#161b22;--dropdown-text:#e0e0e0;--dropdown-hover:#21262d;--accent-green:#238636}body,body.theme-transition{transition:background-color .5s ease,color .5s ease}body.logout-animation{animation:fadeOut 1s ease}.navbar{background-color:#f0f2f5d9;background-color:var(--nav-bg);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow);padding:1rem 2rem}.navbar.scrolled{box-shadow:0 4px 12px #00000026}.logo-title{align-items:center;display:flex;position:relative}.logo-icon{color:#07c;color:var(--primary-color);font-size:1.8rem;margin-right:.5rem}.logo-text{color:#333;color:var(--text-color);font-size:1.5rem;margin-right:.5rem}.logo-flames{align-items:flex-end;display:flex;height:20px}.flame{background-color:#07c;background-color:var(--primary-color);border-radius:2px 2px 0 0;margin-right:2px;width:4px}.desktop-menu li{margin:0 .5rem}.nav-link{align-items:center;color:#333;color:var(--text-color);display:flex;flex-direction:column;padding:.5rem 1rem;position:relative;text-decoration:none}.nav-link.active{color:#07c;color:var(--primary-color)}.nav-icon{margin-bottom:.2rem}.cart-badge{background-color:#2da44e;background-color:var(--accent-green);border:1px solid #f0f2f5;border:1px solid var(--bg-color);padding:2px 6px;right:-10px;top:-5px}.nav-label{font-size:.9rem;font-weight:500}.nav-underline{transform-origin:bottom right}.nav-underline,.signup-link .nav-link{background-color:#07c;background-color:var(--primary-color)}.signup-link .nav-link{border-radius:4px;transition:all .3s ease}.signup-link .nav-link:hover{background-color:#005fa3;background-color:var(--primary-hover)}.hamburger-button{background:none;padding:.5rem}.hamburger-line{background-color:#333;background-color:var(--text-color);height:2px;margin:5px 0;width:24px}.dropdown{display:inline-block}.dropdown-btn{background:none;color:var(--text-color);font-size:.9rem}.user-icon{color:#07c;color:var(--primary-color);margin-right:.5rem}.dropdown-arrow{margin-left:.5rem}.dropdown-content{background-color:#fff;background-color:var(--dropdown-bg);border-radius:4px;box-shadow:0 8px 16px #0000001a;min-width:160px;z-index:1}.dropdown-item,.dropdown-item-btn{background:none;color:var(--dropdown-text);padding:.75rem 1rem;text-align:left}.dropdown-item-btn:hover,.dropdown-item:hover{background-color:#f6f8fa;background-color:var(--dropdown-hover)}.dropdown-icon{margin-right:.75rem}.theme-toggle{background:#d0d7de;background:var(--border-color);border-radius:50px;margin-left:1rem;padding:.25rem}.theme-toggle.mobile{height:25px;width:50px}.theme-icon{font-size:1rem;position:absolute}.theme-label,.theme-toggle.mobile .theme-icon{font-size:.8rem}.theme-label{color:#333;color:var(--text-color);font-weight:500;margin-left:1.5rem}.mobile-menu-overlay{background-color:#00000080}.mobile-menu{background-color:#fff;background-color:var(--mobile-menu-bg);padding:2rem 1rem;width:250px}.mobile-menu li{margin-bottom:1rem}.nav-link-mobile{align-items:center;border-radius:4px;color:#333;color:var(--mobile-menu-text);display:flex;padding:.75rem 1rem;position:relative;text-decoration:none}.nav-link-mobile.active{color:#07c;color:var(--primary-color)}.logout-button{background-color:#07c;background-color:var(--primary-color);border-radius:4px;color:#fff;font-size:.9rem;justify-content:center;padding:.75rem 1rem}.logout-button svg{margin-right:.5rem}.signup-link-mobile .nav-link-mobile{background-color:#07c;background-color:var(--primary-color);justify-content:center}.signup-link-mobile .nav-link-mobile:hover{background-color:#005fa3;background-color:var(--primary-hover)}@media (max-width:768px){.desktop-menu{display:none}.hamburger-button{display:block}.navbar{padding:1rem}.logo-text{font-size:1.3rem}.logo-icon{font-size:1.5rem}}.flammable-flame{align-items:center;display:flex;height:40px;justify-content:center;margin-right:8px;width:30px}.flammable-flame svg{height:100%;width:100%}.logo-text{font-size:18px;font-weight:700;margin-left:5px}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f5f5f5f2);border-bottom:1px solid #0099ff1a;box-shadow:0 4px 20px #0000001a;display:flex;justify-content:space-between;left:0;padding:.8rem 2rem;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar.scrolled{background:linear-gradient(135deg,#fffffffa,#fafafafa);box-shadow:0 4px 30px #00000026;padding:.5rem 2rem}.navbar.dark-mode{background:linear-gradient(135deg,#121212f2,#1e1e1ef2);border-bottom:1px solid #4dc4ff1a}.navbar.dark-mode.scrolled{background:linear-gradient(135deg,#0f0f0ffa,#191919fa)}.logo-container{cursor:pointer}.logo-container,.logo-content{align-items:center;display:flex;position:relative}.logo-image-container{margin-right:12px;overflow:hidden;transition:all .3s ease}.logo-image,.logo-image-container{border-radius:50%;position:relative}.logo-image{height:45px;object-fit:cover;width:45px;z-index:2}.logo-glow{background:radial-gradient(circle,#09f6 0,#0000 70%);border-radius:50%;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.logo-text-container{align-items:flex-start;display:flex;flex-direction:column}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#09f,#05f);-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:800;text-shadow:0 2px 4px #09f3}.logo-slogan{color:#666;font-size:.75rem;font-style:italic;font-weight:500;margin-top:2px}.dark-mode .logo-slogan{color:#aaa;text-shadow:0 1px 2px #0000004d}.tech-icon{background:#ffffffe6;border-radius:50%;box-shadow:0 2px 8px #0099ff4d;color:#09f;font-size:.9rem;padding:4px;position:absolute;z-index:5}.dark-mode .tech-icon{background:#1e1e1ee6;box-shadow:0 2px 8px #4dc4ff66}.laptop-icon{left:-5px;top:-8px}.mobile-icon{right:-5px;top:-8px}.headphone-icon{bottom:-8px;left:50%;transform:translateX(-50%)}.desktop-menu{align-items:center;display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.nav-link,.nav-link-mobile{align-items:center;border-radius:12px;color:#333;display:flex;flex-direction:column;font-weight:500;overflow:hidden;padding:.5rem .8rem;position:relative;text-decoration:none;transition:all .3s ease}.dark-mode .nav-link,.dark-mode .nav-link-mobile{color:#eee}.nav-link-mobile:hover,.nav-link:hover{background:#0099ff0d}.nav-link-mobile.active,.nav-link.active{color:#09f}.nav-icon{font-size:1.2rem;margin-bottom:4px;position:relative;transition:all .3s ease}.nav-label{font-size:.85rem}.nav-underline{background:linear-gradient(90deg,#0000,#09f 50%,#0000);height:2px;transform-origin:center}.nav-link-glow,.nav-underline{bottom:0;left:0;position:absolute;right:0}.nav-link-glow{background:radial-gradient(circle at center,#0099ff1a 0,#0000 70%);top:0;z-index:-1}.cart-badge{align-items:center;background:linear-gradient(135deg,#f36,#f03);border-radius:50%;box-shadow:0 2px 5px #ff00334d;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:-8px;top:-8px;width:18px}.dropdown{position:relative}.dropdown-btn{align-items:center;background:#0000;border:none;border-radius:12px;color:#333;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.dark-mode .dropdown-btn{color:#eee}.dropdown-btn:hover{background:#0099ff1a}.user-icon{color:#09f;font-size:1.2rem}.dropdown-arrow{font-size:.7rem;transition:transform .3s ease}.dropdown-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;margin-top:.5rem;min-width:150px;overflow:hidden;padding:.5rem;position:absolute;right:0;top:100%;z-index:1000}.dark-mode .dropdown-content{background:#1e1e1e;box-shadow:0 10px 30px #0006}.dropdown-list{list-style:none;margin:0;padding:0}.dropdown-item,.dropdown-item-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.7rem 1rem;text-decoration:none;transition:all .3s ease;width:100%}.dark-mode .dropdown-item,.dark-mode .dropdown-item-btn{color:#eee}.dropdown-item-btn:hover,.dropdown-item:hover{background:#0099ff1a}.dropdown-icon{font-size:1rem}.theme-toggle{align-items:center;background:linear-gradient(135deg,#e0e0e0,#f0f0f0);border:none;border-radius:30px;box-shadow:inset 0 2px 5px #0000001a;cursor:pointer;display:flex;height:30px;overflow:hidden;padding:.4rem;position:relative;width:60px}.dark-mode .theme-toggle{background:linear-gradient(135deg,#333,#222);box-shadow:inset 0 2px 5px #0000004d}.theme-toggle.mobile{height:28px;margin:1rem auto;width:55px}.theme-toggle-inner{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.theme-icon{color:#f90;font-size:.9rem}.theme-label{color:#666;font-size:.7rem;font-weight:600;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.dark-mode .theme-label{color:#aaa}.theme-glow{background:radial-gradient(circle,#0099ff4d 0,#0000 70%);border-radius:30px;bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.hamburger-button{align-items:center;background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:30px;justify-content:center;padding:0;width:30px;z-index:1001}.hamburger-line{background:#333;border-radius:3px;height:3px;margin:2px 0;transition:all .3s ease;width:100%}.dark-mode .hamburger-line{background:#eee}.mobile-menu-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;left:0;z-index:999}.mobile-menu,.mobile-menu-overlay{bottom:0;position:fixed;right:0;top:0}.mobile-menu{background:#fff;display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;overflow-y:auto;padding:5rem 1.5rem 2rem;width:280px;z-index:1000}.dark-mode .mobile-menu{background:#1a1a1a}.mobile-menu .nav-link-mobile{border-radius:12px;flex-direction:row;gap:1rem;padding:1rem}.signup-link .nav-link{background:linear-gradient(135deg,#09f,#05f);box-shadow:0 4px 15px #0099ff4d;color:#fff}.signup-link .nav-link:hover{background:linear-gradient(135deg,#08e,#04e);box-shadow:0 6px 20px #09f6;transform:translateY(-2px)}.signup-link-mobile .nav-link-mobile{background:linear-gradient(135deg,#09f,#05f);box-shadow:0 4px 15px #0099ff4d;color:#fff}.signup-link-mobile .nav-link-mobile:hover{background:linear-gradient(135deg,#08e,#04e);box-shadow:0 6px 20px #09f6}.logout-button{align-items:center;background:#ff00001a;border:none;border-radius:12px;color:#f36;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:1rem;transition:all .3s ease;width:100%}.dark-mode .logout-button{background:#f003;color:#f57}.logout-button:hover{background:#f003}.dark-mode .logout-button:hover{background:#ff00004d}@media (max-width:968px){.desktop-menu{gap:1rem}.logo-text{font-size:1.4rem}.logo-slogan{font-size:.7rem}}@media (max-width:768px){.navbar{padding:.8rem 1.5rem}.desktop-menu{display:none}.hamburger-button{display:flex}.logo-slogan,.tech-icon{display:none}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.theme-transition{transition:background-color .5s ease,color .5s ease}.logout-animation{animation:fadeOut 1s ease}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.dropdown-btn,.nav-link,.nav-link-mobile,.theme-toggle{animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--primary-color:#07c;--primary-hover:#005fa3;--text-color:#333;--bg-color:#f0f2f5;--card-bg:#fff;--shadow:0 2px 4px #0000001a;--border-color:#d0d7de;--text-light:#57606a;--input-bg:#fff}.dark-mode{--primary-color:#0af;--primary-hover:#07c;--text-color:#e0e0e0;--bg-color:#0d1117;--card-bg:#161b22;--shadow:0 4px 12px #0006;--border-color:#21262d;--text-light:#8b949e;--input-bg:#21262d}body{background-color:#f0f2f5;background-color:var(--bg-color);color:var(--text-color);font-family:Roboto Mono,monospace;transition:background-color .3s ease,color .3s ease}a,h1,h2,h3,h4,h5,h6{color:#07c;color:var(--primary-color)}a{text-decoration:none}a:hover{color:#005fa3;color:var(--primary-hover)}button{background-color:#07c;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:background-color .3s ease}button:hover{background-color:#005fa3;background-color:var(--primary-hover)}input,select,textarea{background-color:#fff;background-color:var(--input-bg);border:1px solid #d0d7de;border:1px solid var(--border-color);border-radius:4px;color:#333;color:var(--text-color);margin:.5rem 0 1rem;padding:.75rem;width:100%}form{background:#fff;background:var(--card-bg);border-radius:8px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow);margin:2rem auto;max-width:400px;padding:1.5rem}:root{--primary-color:#007bff;--secondary-color:#6c757d;--background-light:#fff;--text-light:#333;--card-bg-light:#f8f9fa;--shadow:0 10px 30px #0000001a;--border-radius:15px}body{background-color:#fff;background-color:var(--background-light);color:#333;color:var(--text-light);font-family:Montserrat,sans-serif}.container{margin:0 auto;max-width:1200px;padding:2rem}.btn{border:none;border-radius:50px;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 2rem;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.btn-primary{background-color:#007bff;background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#0069d9;box-shadow:0 4px 20px #0003;transform:scale(1.05)}.btn-secondary{background-color:#6c757d;background-color:var(--secondary-color);color:#fff}.btn-secondary:hover{background-color:#5a6268;box-shadow:0 4px 20px #0003;transform:scale(1.05)}.card{background:#f8f9fa;background:var(--card-bg-light);border-radius:15px;border-radius:var(--border-radius);box-shadow:0 10px 30px #0000001a;box-shadow:var(--shadow);padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ccc;border-radius:8px;padding:.8rem;width:100%}.product-list-container{display:flex;flex-wrap:wrap;gap:2rem;padding:2rem 0}.product-card{display:flex;flex:1 1 300px;flex-direction:column}.product-card-content{display:flex;flex-direction:column;flex-grow:1}.product-card-description{flex-grow:1}
/*# sourceMappingURL=main.f8c16dad.css.map*/