:root{
  --bg:#0a0b10;
  --panel:#101425;
  --panel-2:#0f1322;
  --text:#e6f0ff;
  --muted:#9ab0d0;
  --primary:#6b9cff;
  --primary-2:#7b50ff;
  --accent:#00e5ff;
  --danger:#ff4d6d;
  --success:#00d084;
  --glow:0 0 20px rgba(107,156,255,0.3),0 0 40px rgba(0,229,255,0.2);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:linear-gradient(180deg, #070915 0%, #0a0b10 100%);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif}
a{color:var(--accent);text-decoration:none}
a:hover{opacity:.9}
img{display:block;max-width:100%;height:auto;object-fit:cover;object-position:center;border-radius:8px}
.container{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}
.header{position:sticky;top:0;z-index:50;background:rgba(10,12,20,.8);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav-container{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--text)}
.logo img{max-width:150px;max-height:80px}
.navbar .nav-list{display:flex;align-items:center;gap:18px;list-style:none;margin:0;padding:0}
.navbar .nav-list a{color:var(--text);padding:8px 10px;border-radius:10px}
.navbar .nav-list a.active{background:linear-gradient(90deg,var(--primary),var(--primary-2));box-shadow:var(--glow)}
.has-dropdown{position:relative}
.has-dropdown .dropdown{position:absolute;display:none;top:120%;left:0;background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:12px;min-width:230px;padding:8px 0;box-shadow:0 12px 40px rgba(0,0,0,.4)}
.has-dropdown:hover .dropdown{display:block}
.dropdown li{list-style:none}
.dropdown a{display:block;padding:10px 14px}
.badge{background:var(--accent);color:#001018;padding:2px 8px;border-radius:999px;font-weight:700}
.button{display:inline-block;padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.1);color:var(--text);background:var(--panel);transition:.2s}
.button:hover{transform:translateY(-1px)}
.button.primary{background:linear-gradient(90deg,var(--primary),var(--primary-2));border:none;box-shadow:var(--glow);color:white}
.button.ghost{background:transparent;border:1px solid rgba(255,255,255,.2)}
.button.small{padding:6px 10px;border-radius:10px}
.button.danger{background:var(--danger);color:#fff;border:none}
.geo{color:var(--muted);font-size:.9rem}
.mobile-toggle{display:none;background:var(--panel);color:var(--text);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:6px 10px}
@media(max-width:880px){
  .nav-list{display:none;position:absolute;top:64px;left:0;right:0;background:var(--panel-2);padding:14px}
  .nav-list.open{display:block}
  .mobile-toggle{display:block}
}
.hero{padding:60px 0;background:radial-gradient(1200px 400px at 10% -10%, rgba(0,229,255,.18), transparent 50%),radial-gradient(1200px 400px at 90% 0%, rgba(123,80,255,.18), transparent 50%)}
.hero-inner{display:flex;align-items:center;justify-content:center;min-height:280px}
.hero-content{text-align:center;max-width:760px}
.hero h1{font-size:2.4rem;margin:0 0 10px}
.hero p{color:var(--muted);font-size:1.1rem}
.hero-cta{margin-top:16px;display:flex;gap:12px;justify-content:center}
.features{padding:50px 0}
.features h2{margin:0 0 20px}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:980px){.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.feature-grid{grid-template-columns:1fr}}
.feature-card{background:var(--panel);padding:18px;border-radius:14px;border:1px solid rgba(255,255,255,.06);box-shadow:var(--glow)}
.feature-card .icon{width:42px;height:42px;color:var(--accent);margin-bottom:10px}
.feature-card h3{margin:8px 0 6px}
.feature-card p{color:var(--muted);margin:0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}
@media(max-width:700px){.stats{grid-template-columns:repeat(2,1fr)}}
.stat{background:var(--panel-2);padding:14px;border-radius:12px;text-align:center}
.stat span{display:block;font-size:1.3rem;font-weight:800}
.stat small{color:var(--muted)}
.cta-center{display:flex;justify-content:center;margin-top:16px}
.rich-text{padding:40px 0}
.rich-text p{color:var(--muted);line-height:1.7}
.catalog{padding:40px 0}
.products-grid.one{display:grid;grid-template-columns:1fr}
.product-card{display:grid;grid-template-columns:250px 1fr;gap:18px;background:var(--panel);padding:16px;border-radius:14px;border:1px solid rgba(255,255,255,.08)}
@media(max-width:640px){.product-card{grid-template-columns:1fr}}
.product-media{display:flex;align-items:center;justify-content:center}
.product-image{width:100%;max-width:250px;max-height:250px;height:250px;aspect-ratio:1/1;object-fit:cover;object-position:center;border-radius:8px}
.product-info h3{margin:0 0 6px}
.product-info p{color:var(--muted)}
.product-actions{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}
.price{font-weight:800;color:#fff}
.note{color:var(--muted);margin-top:10px}
.history{padding:30px 0}
.history-card{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px}
.history-date{color:var(--accent);font-weight:700;margin-bottom:6px}
.subscribe{padding:40px 0}
.subscribe-inner{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:var(--panel);border-radius:14px;border:1px solid rgba(255,255,255,.08);padding:18px}
@media(max-width:780px){.subscribe-inner{grid-template-columns:1fr}}
.subscribe-text p{color:var(--muted)}
.counter{margin-top:8px;font-weight:700}
.subscribe-form{display:flex;gap:10px}
.subscribe-form input{flex:1;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0b0f1c;color:var(--text)}
.social{padding:20px 0}
.social-inner{display:flex;gap:12px;justify-content:center}
.social-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:12px;color:var(--accent)}
.footer{padding:30px 0 0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}
@media(max-width:920px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}}
.footer-brand img{max-width:150px;max-height:80px}
.footer-brand p{color:var(--muted)}
.footer-links a,.footer-legal a{display:block;margin:6px 0}
.footer-bottom{text-align:center;color:var(--muted);padding:12px 0}
.page{padding:30px 0}
.cart-container{display:grid;gap:12px}
.cart-row{display:grid;grid-template-columns:1.8fr .9fr .6fr .5fr;gap:12px;align-items:center;background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px}
@media(max-width:820px){.cart-row{grid-template-columns:1fr}}
.cart-item{display:flex;gap:12px;align-items:center}
.cart-thumb{width:70px;height:70px;object-fit:cover;object-position:center;border-radius:8px}
.cart-qty{display:flex;align-items:center;gap:8px}
.qty-btn{background:var(--panel-2);color:var(--text);border:1px solid rgba(255,255,255,.12);border-radius:10px;width:36px;height:36px}
.qty-input{width:60px;text-align:center;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0b0f1c;color:var(--text);height:36px}
.cart-line{font-weight:700}
.remove-btn{background:transparent;border:1px solid rgba(255,255,255,.18);color:var(--danger);border-radius:10px;padding:8px 10px}
.cart-summary{margin-top:16px;background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;max-width:520px}
.summary-line,.summary-total{display:flex;align-items:center;justify-content:space-between;margin:8px 0}
.summary-total{font-size:1.2rem;font-weight:800}
.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:900px){.checkout-grid{grid-template-columns:1fr}}
.summary-row{display:flex;justify-content:space-between;margin:6px 0}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-field{display:flex;flex-direction:column}
.form-field.full{grid-column:1 / -1}
.form-field label{color:var(--muted);margin-bottom:6px}
.form-field input, .form-field textarea{padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0b0f1c;color:var(--text)}
.success{display:flex;justify-content:center}
.success-card{max-width:520px;text-align:center;background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:22px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr}}
.contact-card{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px}
.status{margin-top:10px;color:var(--success);font-weight:600}
.cookie-banner{position:fixed;left:0;right:0;bottom:0;background:#0b0f1c;border-top:1px solid rgba(255,255,255,.12);padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:100}
.cookie-text p{margin:0;color:var(--muted)}
.cookie-actions{display:flex;gap:10px}
.cookie-modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;z-index:101}
.cookie-modal.open{display:flex}
.cookie-modal-content{background:var(--panel);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px;min-width:320px}
.switch{display:flex;align-items:center;gap:8px;margin:10px 0}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:980px){.team-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.team-grid{grid-template-columns:1fr}}
.team-member {
  text-align: center;
  margin: 20px;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  background: var(--panel);
  border: 1px solid rgba(255,255,255,0.08);
}
.team-photo {
  width: 100%;
  max-width: 300px;
  height: 300px;
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
  margin-bottom: 15px;
  aspect-ratio:1/1;
}
.team-name {
  font-size: 1.4rem;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: #333;
}
.team-position {
  font-size: 1.1rem;
  color: #666;
  font-weight: 500;
  margin: 5px 0 10px 0;
}
.team-bio {
  font-size: 0.95rem;
  color: #555;
  line-height: 1.5;
  margin: 10px 0;
}