:root {
--navy: #0a0e1a;
--cyan: #00e5ff;
--violet: #8a2be2;
--neon-glow: 0 0 15px rgba(0,229,255,0.5);
}
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: var(--navy); color:#e0e0e0; line-height:1.6; overflow-x:hidden; }
.site-header { background: linear-gradient(135deg,#0d1117,#161b22); border-bottom:1px solid var(--cyan); padding:1rem 2rem; position:sticky; top:0; z-index:1000; }
.header-inner { display:flex; justify-content:space-between; align-items:center; max-width:1200px; margin:0 auto; gap:1rem; flex-wrap:wrap; }
.logo { display:flex; align-items:center; gap:0.5rem; color:var(--cyan); font-weight:bold; font-size:1.4rem; text-decoration:none; letter-spacing:1px; text-shadow:var(--neon-glow); }
.logo-img { width:40px; height:40px; border-radius:8px; }
.main-nav { display:flex; gap:1rem; flex-wrap:wrap; }
.main-nav a { color:#e0e0e0; text-decoration:none; font-size:1rem; padding:0.5rem 0.8rem; border-radius:5px; transition:0.3s; }
.main-nav a:hover { background:rgba(0,229,255,0.1); color:var(--cyan); text-shadow:var(--neon-glow); }
.hero { text-align:center; padding:4rem 2rem; background: radial-gradient(circle at 20% 30%, rgba(0,229,255,0.15), transparent 40%), radial-gradient(circle at 80% 70%, rgba(138,43,226,0.15), transparent 40%); }
.hero h1 { font-size:2.8rem; color:#fff; margin-bottom:1rem; text-shadow:0 0 20px rgba(0,229,255,0.6); }
.hero p { font-size:1.2rem; max-width:700px; margin:0 auto 1.5rem; color:#c0c0c0; }
.hero-cta .btn-primary { font-size:1.2rem; }
.unique-section { padding:3rem 2rem; text-align:center; }
.unique-section h2 { font-size:2.2rem; color:var(--cyan); margin-bottom:2rem; }
.features-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:2rem; max-width:1100px; margin:0 auto 2rem; }
.feature-card { background:#111827; border:1px solid var(--violet); border-radius:15px; padding:1.5rem; transition:0.3s; }
.feature-card:hover { transform:translateY(-5px); box-shadow:0 0 20px rgba(138,43,226,0.4); }
.feature-card svg { margin-bottom:1rem; }
.stats-row { display:flex; justify-content:center; gap:3rem; margin:2rem 0; flex-wrap:wrap; }
.stat { text-align:center; }
.stat-number { font-size:2.5rem; color:var(--cyan); font-weight:bold; }
.stat-label { display:block; color:#aaa; }
.cta-text { font-size:1.2rem; color:#fff; margin:1rem 0; }
.btn-primary, .btn-secondary, .btn-product, .btn-add, .btn-buy, .btn-cookie { display:inline-block; padding:0.75rem 1.5rem; border-radius:8px; text-decoration:none; font-weight:bold; transition:0.3s; cursor:pointer; border:none; }
.btn-primary { background:linear-gradient(135deg,var(--cyan),var(--violet)); color:#fff; }
.btn-primary:hover { box-shadow:0 0 20px rgba(0,229,255,0.6); }
.btn-secondary { background:transparent; border:2px solid var(--cyan); color:var(--cyan); }
.btn-secondary:hover { background:rgba(0,229,255,0.2); }
.btn-product { background:transparent; border:1px solid var(--violet); color:var(--violet); width:100%; text-align:center; margin-bottom:0.5rem; }
.btn-product:hover { background:rgba(138,43,226,0.2); }
.btn-add { background:var(--cyan); color:#000; width:100%; }
.btn-add:hover { box-shadow:var(--neon-glow); }
.btn-buy { background:var(--violet); color:#fff; width:100%; }
.btn-buy:hover { box-shadow:0 0 20px rgba(138,43,226,0.5); }
.about-category { padding:3rem 2rem; max-width:1100px; margin:0 auto; }
.about-category h2 { color:var(--cyan); font-size:2rem; margin-bottom:1rem; }
.about-category h3 { color:var(--violet); margin-top:1.5rem; }
.about-category ul { list-style:square; padding-left:2rem; margin-top:1rem; }
.about-category p { margin-top:1rem; }
.catalog { padding:2rem; max-width:1200px; margin:0 auto; }
.catalog h2 { text-align:center; color:#fff; font-size:2.2rem; margin-bottom:2rem; text-shadow:0 0 15px rgba(0,229,255,0.5); }
.product-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:2rem; }
.product-card { background:#111827; border-radius:15px; overflow:hidden; border:1px solid #1f2937; padding:1rem; transition:0.3s; text-align:center; }
.product-card:hover { transform:scale(1.03); box-shadow:0 0 25px rgba(0,229,255,0.3); border-color:var(--cyan); }
.product-card img { width:100%; height:auto; border-radius:10px; }
.product-card h3 { color:#fff; margin:0.8rem 0; }
.product-desc { color:#aaa; font-size:0.9rem; }
.price { color:var(--cyan); font-weight:bold; margin:0.5rem 0; }
.catalog-page, .cart-page, .checkout-page, .success-page, .contact-page, .about-page, .product-page { max-width:1200px; margin:2rem auto; padding:0 2rem; }
.product-detail { display:flex; gap:2rem; flex-wrap:wrap; }
.product-detail img { border-radius:15px; max-width:400px; width:100%; height:auto; }
.product-info { flex:1; min-width:250px; }
.product-info h1 { color:#fff; margin-bottom:0.5rem; }
.product-info ul { padding-left:2rem; margin:1rem 0; }
.cart-page h1, .checkout-page h1, .success-page h1, .contact-page h1, .about-page h1, .catalog-page h1 { color:var(--cyan); margin-bottom:1.5rem; }
.cart-page .cart-item { display:flex; align-items:center; gap:1rem; margin-bottom:1rem; background:#111827; padding:1rem; border-radius:10px; }
.cart-page img { width:80px; height:80px; border-radius:8px; }
.cart-page button { margin-left:0.5rem; }
.cart-total { font-size:1.5rem; font-weight:bold; margin:1rem 0; }
.checkout-page form, .contact-page form { display:flex; flex-direction:column; gap:1rem; max-width:600px; }
.checkout-page label, .contact-page label { color:#fff; }
.checkout-page input, .checkout-page textarea, .contact-page input, .contact-page textarea { padding:0.7rem; border-radius:8px; border:1px solid var(--cyan); background:#111827; color:#fff; }
.success-page p { font-size:1.2rem; margin-bottom:2rem; }
.contact-page p, .about-page p { max-width:800px; }
.team-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:2rem; margin-top:1.5rem; }
.team-card { background:#111827; padding:1rem; border-radius:15px; text-align:center; border:1px solid var(--violet); }
.team-card img { width:100%; height:auto; border-radius:10px; margin-bottom:1rem; }
.team-card h3 { color:var(--cyan); }
.team-card p { color:#aaa; }
.site-footer { background:#0d1117; border-top:1px solid var(--violet); padding:2rem; margin-top:3rem; }
.footer-inner { max-width:1200px; margin:0 auto; display:flex; justify-content:space-between; flex-wrap:wrap; gap:1rem; align-items:center; }
.footer-links a { color:#aaa; margin-right:1rem; text-decoration:none; }
.footer-links a:hover { color:var(--cyan); }
.social-links a { margin:0 0.3rem; }
.cookie-consent { position:fixed; bottom:20px; left:50%; transform:translateX(-50%); width:90%; max-width:800px; background:#0d1117; border:1px solid var(--cyan); border-radius:15px; padding:1.5rem; display:none; z-index:9999; box-shadow:0 0 30px rgba(0,229,255,0.3); }
.cookie-consent p { margin-bottom:1rem; }
.btn-cookie { margin-right:0.7rem; background:#1f2937; color:#fff; border:1px solid var(--cyan); }
.btn-cookie:hover { background:var(--cyan); color:#000; }
.btn-close-cookie { position:absolute; top:10px; right:15px; background:transparent; border:none; color:#aaa; font-weight:bold; cursor:pointer; font-size:1.2rem; }
@media (max-width:768px) { .header-inner { flex-direction:column; } .main-nav { justify-content:center; } .product-detail { flex-direction:column; align-items:center; } .stats-row { flex-direction:column; } }