*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif}body{font-family:Inter,Poppins,Segoe UI,Arial,sans-serif;background:linear-gradient(120deg,#181f2a,#232b3a);color:#e0e7ef}.site-header{width:100%;padding:1.5rem 3rem 1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1.5px solid #2d3a4e;box-shadow:0 8px 32px #141e322e;background:#181f2ad9;-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);position:sticky;top:0;z-index:100;transition:background .3s,box-shadow .3s}.logo,.big-logo{font-weight:900;font-size:2.5rem;letter-spacing:3px;display:flex;align-items:center;gap:1rem;color:#7ab8ff;text-shadow:0 4px 24px rgba(122,184,255,.18);margin-right:2.5rem;padding-left:.5rem;-webkit-user-select:none;user-select:none}.big-logo{font-size:3rem;letter-spacing:4px}.main-nav{display:flex;gap:2.2rem;align-items:center}.main-nav a{color:#e0e7ef;text-decoration:none;font-weight:600;font-size:1.15rem;padding:.4rem 1.1rem;border-radius:6px;transition:background .18s,color .18s,box-shadow .18s;position:relative;letter-spacing:1px;outline:none}.main-nav a.active,.main-nav a:hover{background:#232b3a;color:#7ab8ff;box-shadow:0 2px 12px #7ab8ff1a}.cart-icon{position:relative;font-size:1.5em;margin-right:.3em;transition:transform .18s,color .18s}.main-nav a:hover .cart-icon,.main-nav a.active .cart-icon{color:#ffb84d;transform:scale(1.15) rotate(-8deg)}.cart-count{position:absolute;top:-.7em;right:-.8em;background:#ff4d4f;color:#fff;font-size:.8em;font-weight:700;border-radius:50%;padding:.1em .5em;min-width:1.5em;text-align:center;box-shadow:0 2px 8px #ff4d4f2e;border:2px solid #232b3a}@media (max-width: 900px){.site-header{flex-direction:column;align-items:flex-start;padding:1rem;gap:.7rem}.main-nav{gap:1rem;margin-top:.5rem}.logo,.big-logo{font-size:1.5rem;margin-right:.5rem;padding-left:0}}.hero{width:100%;min-height:320px;background:linear-gradient(120deg,#232b3a,#181f2a),url(https://images.unsplash.com/photo-1515168833906-d2a3b82b302b?auto=format&fit=crop&w=1200&q=80) center/cover no-repeat;color:#fff;padding:4.5rem 1rem 3.5rem;text-align:center;border-radius:18px;margin-bottom:2.5rem;box-shadow:0 8px 32px #2764a121;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#232b3a99,#181f2a99);z-index:1}.hero-title,.hero-subtitle,.hero-cta{position:relative;z-index:2}.hero-title{font-size:3rem;font-weight:900;margin-bottom:1.2rem;letter-spacing:2px;color:#fff;text-shadow:0 4px 24px rgba(122,184,255,.18);animation:fadeInDown .8s cubic-bezier(.77,0,.18,1) .1s both}.hero-subtitle{font-size:1.4rem;font-weight:400;margin-bottom:2.2rem;color:#e0e7ef;animation:fadeInDown .8s cubic-bezier(.77,0,.18,1) .3s both}.hero-cta{display:inline-block;background:#7ab8ff;color:#181f2a;font-weight:800;font-size:1.2rem;padding:1rem 2.5rem;border-radius:8px;text-decoration:none;box-shadow:0 2px 12px #7ab8ff21;transition:background .18s,color .18s,transform .12s;animation:fadeInUp .8s cubic-bezier(.77,0,.18,1) .5s both}.hero-cta:hover{background:#232b3a;color:#7ab8ff;transform:translateY(-2px) scale(1.04)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.hero{min-height:200px;padding:2.5rem .5rem 1.5rem;border-radius:10px}}#products.products-section{width:100%;background:#232b3a;border-radius:12px;box-shadow:0 2px 16px #141e3221;padding:2.5rem 1rem 2rem;margin:0 auto 2rem;min-height:350px}.section-title{font-size:2rem;font-weight:700;color:#7ab8ff;margin-bottom:2rem;text-align:center;letter-spacing:.5px}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;margin-top:0}.product-card{background:#181f2a;border-radius:10px;box-shadow:0 2px 8px #141e3221;padding:1.5rem 1rem;transition:transform .15s,box-shadow .15s,border .15s;display:flex;flex-direction:column;align-items:center;cursor:pointer;border:1.5px solid #232b3a;position:relative;color:#e0e7ef}.product-card:hover{transform:translateY(-8px) scale(1.04);box-shadow:0 8px 32px #7ab8ff21;border-color:#7ab8ff}.product-img{width:110px;height:70px;background:linear-gradient(135deg,#232b3a 60%,#181f2a);border-radius:8px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;font-size:2.5rem;box-shadow:0 2px 8px #7ab8ff14;color:#7ab8ff}.product-info h3{margin:.5rem 0 .2rem;color:#7ab8ff;font-size:1.15rem;font-weight:700}.product-specs{color:#b6c6e3;font-size:.98rem;margin-bottom:.5rem;min-height:2.2em}.product-price{color:#7ab8ff;font-weight:700;margin-bottom:.5rem;font-size:1.1rem}.product-card button{background:#7ab8ff;color:#181f2a;border:none;padding:.5rem 1.2rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s;margin-top:.5rem}.product-card button:hover{background:#232b3a;color:#7ab8ff;transform:translateY(-2px) scale(1.03)}@media (max-width: 900px){#products.products-section{padding:1.5rem .5rem 1rem}.product-grid{gap:1rem}}@media (max-width: 700px){#products.products-section{padding:1rem .2rem .5rem;border-radius:8px}.product-grid{grid-template-columns:1fr}.product-img{width:80px;height:50px;font-size:2rem}}.about-page{width:100%;margin:0 auto;padding:0;text-align:center}.about-hero{background:linear-gradient(120deg,#232b3a,#181f2a);color:#e0e7ef;padding:3rem 1rem 2rem;border-radius:12px;margin-bottom:2.5rem;box-shadow:0 4px 32px #141e322e}.about-title{font-size:2.2rem;font-weight:800;margin-bottom:1rem;letter-spacing:1px}.about-subtitle{font-size:1.2rem;font-weight:400;color:#b6c6e3}.about-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin:0 auto;max-width:900px;padding:2rem 1rem 2.5rem}.feature-card{background:#181f2a;border-radius:10px;box-shadow:0 2px 8px #141e3221;padding:2rem 1rem 1.5rem;display:flex;flex-direction:column;align-items:center;transition:transform .15s,box-shadow .15s;border:1.5px solid #232b3a;color:#e0e7ef}.feature-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 8px 32px #7ab8ff21;border-color:#7ab8ff}.feature-icon{font-size:2.5rem;margin-bottom:1rem;color:#7ab8ff}.feature-card h3{margin:.5rem 0;color:#7ab8ff;font-size:1.15rem;font-weight:700}.feature-card p{color:#b6c6e3;font-size:1rem;margin:0}@media (max-width: 900px){.about-features{gap:1rem;padding:1.5rem .5rem}}@media (max-width: 700px){.about-hero{padding:2rem .5rem 1.2rem;border-radius:8px}.about-title{font-size:1.3rem}.about-features{grid-template-columns:1fr;padding:1rem .2rem}.feature-icon{font-size:2rem}}.site-footer{background:#181f2a;color:#e0e7ef;border-top:2px solid #232b3a}.main-section{padding:2rem 1rem;width:100%;margin:0 auto;min-height:90vh;background:#232b3a;border-radius:12px;box-shadow:0 4px 32px #2764a114}.login-page,.signup-page{width:100%;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;min-height:70vh;justify-content:center}.login-title,.signup-title{font-size:2rem;font-weight:800;color:#7ab8ff;margin-bottom:2rem;letter-spacing:1px}.login-form,.signup-form{background:#232b3a;color:#e0e7ef;box-shadow:0 2px 8px #141e3221;border-radius:10px;padding:2.5rem 2rem 2rem;margin:0 auto;max-width:400px;width:100%;display:flex;flex-direction:column;gap:1.2rem}.form-group{text-align:left;margin-bottom:1.2rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#7ab8ff}.form-group input{width:100%;padding:.7rem 1rem;border:1.5px solid #232b3a;border-radius:6px;font-size:1rem;background:#181f2a;color:#e0e7ef;transition:border .2s}.form-group input:focus{border:1.5px solid #7ab8ff;outline:none}button[type=submit]{background:#7ab8ff;color:#181f2a;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .2s,color .2s,transform .1s;margin-top:.5rem}button[type=submit]:hover{background:#232b3a;color:#7ab8ff;transform:translateY(-2px) scale(1.03)}.form-footer{margin-top:1.5rem;color:#b6c6e3;font-size:1rem}.form-link{color:#7ab8ff;text-decoration:underline;margin-left:.3rem;transition:color .18s}.form-link:hover{color:#fff}@media (max-width: 700px){.login-form,.signup-form{padding:1.2rem .5rem 1rem}.login-title,.signup-title{font-size:1.3rem}}.cart-page{width:100%;margin:0 auto;text-align:center;padding:0}.cart-title{font-size:2rem;font-weight:800;color:#7ab8ff;margin-bottom:2rem;letter-spacing:1px}.cart-content{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center;align-items:flex-start;margin:0 auto;max-width:900px}.cart-items{flex:2;min-width:260px;max-width:500px;display:flex;flex-direction:column;gap:1.2rem}.cart-item{background:#181f2a;border-radius:10px;box-shadow:0 2px 8px #141e3221;border:1.5px solid #232b3a;display:flex;align-items:center;padding:1rem 1.2rem;gap:1.2rem;transition:box-shadow .15s,border .15s}.cart-item:hover{box-shadow:0 8px 32px #7ab8ff21;border-color:#7ab8ff}.cart-item-img{font-size:2.2rem;background:linear-gradient(135deg,#232b3a 60%,#181f2a);border-radius:8px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;color:#7ab8ff;box-shadow:0 2px 8px #7ab8ff14}.cart-item-info{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:.2rem}.cart-item-name{font-weight:700;color:#7ab8ff;font-size:1.08rem}.cart-item-qty{color:#b6c6e3;font-size:.98rem}.cart-item-price{font-weight:700;color:#e0e7ef;font-size:1.1rem;margin-left:1rem}.cart-summary{flex:1;min-width:220px;background:#232b3a;border-radius:10px;box-shadow:0 2px 8px #141e3221;border:1.5px solid #232b3a;padding:2rem 1.2rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:.5rem}.cart-summary-row{display:flex;justify-content:space-between;width:100%;font-size:1.1rem;font-weight:600;color:#e0e7ef;margin-bottom:1.2rem}.cart-summary-total{color:#7ab8ff;font-size:1.2rem;font-weight:800}.checkout-btn{background:#7ab8ff;color:#181f2a;border:none;padding:.75rem 2rem;border-radius:6px;font-size:1.1rem;font-weight:700;margin-top:1rem;cursor:pointer;transition:background .2s,color .2s,transform .1s}.checkout-btn:hover{background:#232b3a;color:#7ab8ff;transform:translateY(-2px) scale(1.03)}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;color:#b6c6e3;margin-top:2rem}.cart-empty-icon{font-size:3rem;margin-bottom:1rem;color:#7ab8ff}@media (max-width: 900px){.cart-content{flex-direction:column;gap:1.5rem;align-items:stretch}.cart-summary{margin-top:0}}@media (max-width: 700px){.cart-title{font-size:1.3rem}.cart-item-img{width:40px;height:40px;font-size:1.3rem}.cart-summary{padding:1rem .5rem}}.cart-item-controls{display:flex;align-items:center;gap:.5rem;margin-top:.3rem}.cart-qty-btn{background:#232b3a;color:#7ab8ff;border:none;border-radius:4px;width:2rem;height:2rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .18s,color .18s,transform .1s;display:flex;align-items:center;justify-content:center}.cart-qty-btn:hover:not(:disabled){background:#7ab8ff;color:#181f2a;transform:translateY(-2px) scale(1.08)}.cart-qty-btn:disabled{opacity:.5;cursor:not-allowed}.cart-remove-btn{background:transparent;color:#b6c6e3;border:none;font-size:1.3rem;margin-left:1rem;cursor:pointer;transition:color .18s,transform .1s;padding:.2rem .5rem;border-radius:4px}.cart-remove-btn:hover{color:#ff4d4f;background:#232b3a;transform:scale(1.15)}.products-page{width:100%;margin:0 auto;text-align:center}.products-title{font-size:2rem;font-weight:800;color:#7ab8ff;margin-bottom:2rem;letter-spacing:1px}.products-bar{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem}.products-search{background:#181f2a;color:#e0e7ef;border:1.5px solid #232b3a;border-radius:6px;padding:.7rem 1.2rem;font-size:1rem;width:220px;outline:none}.products-search:disabled{opacity:.7}.products-filter{background:#232b3a;color:#7ab8ff;border:none;border-radius:6px;padding:.7rem 1.5rem;font-size:1rem;font-weight:600;cursor:not-allowed;opacity:.7}@media (max-width: 700px){.products-bar{flex-direction:column;gap:.5rem}.products-search{width:100%;min-width:0}}.product-details-page{width:100%;min-height:70vh;display:flex;align-items:center;justify-content:center;padding:2rem 0}.product-details-card{background:#232b3a;border-radius:14px;box-shadow:0 4px 32px #141e322e;display:flex;flex-direction:row;align-items:center;gap:2.5rem;padding:2.5rem 2rem;max-width:700px;width:100%}.product-details-img{font-size:5rem;background:linear-gradient(135deg,#232b3a 60%,#181f2a);border-radius:12px;width:140px;height:140px;display:flex;align-items:center;justify-content:center;color:#7ab8ff;box-shadow:0 2px 8px #7ab8ff14}.product-details-info{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.product-details-title{font-size:2rem;font-weight:800;color:#7ab8ff;margin-bottom:.2rem}.product-details-specs{color:#b6c6e3;font-size:1.1rem;margin-bottom:.2rem}.product-details-price{color:#7ab8ff;font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.product-details-desc{color:#e0e7ef;font-size:1.05rem;margin-bottom:1.2rem}.product-details-add{background:#7ab8ff;color:#181f2a;border:none;padding:.75rem 2rem;border-radius:6px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .2s,color .2s,transform .1s}.product-details-add:hover{background:#232b3a;color:#7ab8ff;transform:translateY(-2px) scale(1.03)}@media (max-width: 900px){.product-details-card{flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem .5rem}.product-details-img{width:100px;height:100px;font-size:3rem}.product-details-title{font-size:1.3rem}}.product-link{display:block;text-decoration:none;color:inherit;transition:box-shadow .15s,border .15s,background .15s;border-radius:10px}.product-link:focus{outline:2px solid #7ab8ff;outline-offset:2px}.product-card:hover .product-link{background:#232b3a}.categories-bar{display:flex;gap:1rem;margin:1.5rem 0 2.5rem;flex-wrap:wrap;justify-content:center;align-items:center;overflow-x:auto;padding-bottom:.5rem}.category-btn{background:#232b3a;color:#7ab8ff;border:none;border-radius:6px;padding:.6rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s;box-shadow:0 2px 8px #7ab8ff0d;margin-bottom:.5rem}.category-btn.active,.category-btn:hover{background:#7ab8ff;color:#181f2a;box-shadow:0 4px 16px #7ab8ff21}@media (max-width: 700px){.categories-bar{gap:.5rem;padding-left:.2rem;padding-right:.2rem;margin:1rem 0 1.5rem}.category-btn{padding:.5rem 1rem;font-size:.95rem}}.home-category-section{margin-bottom:3.5rem;padding-bottom:2rem;border-bottom:1.5px solid #232b3a}.home-category-title{font-size:1.5rem;font-weight:800;color:#7ab8ff;margin-bottom:1.2rem;letter-spacing:1px;text-align:left;padding-left:.2rem}@media (max-width: 700px){.home-category-title{font-size:1.1rem;margin-bottom:.7rem}.home-category-section{margin-bottom:2rem;padding-bottom:1rem}}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;background:none;border:none;cursor:pointer;z-index:200}.hamburger-bar{width:28px;height:3px;background:#7ab8ff;margin:4px 0;border-radius:2px;transition:all .3s}@media (max-width: 700px){.site-header{flex-direction:row;align-items:center;padding:.7rem .7rem .7rem 1rem;gap:0}.hamburger{display:flex;margin-left:auto}.main-nav{position:absolute;top:100%;left:0;right:0;background:#232b3a;flex-direction:column;align-items:flex-start;gap:0;padding:.5rem 1rem 1rem;box-shadow:0 8px 32px #141e322e;border-bottom-left-radius:12px;border-bottom-right-radius:12px;z-index:150;display:none}.main-nav.open{display:flex}.main-nav a{width:100%;padding:1rem .5rem;font-size:1.1rem;border-radius:6px;margin:.2rem 0}}body,html,#root{max-width:100vw;overflow-x:hidden}