:root{--accent:#C0C0C0;--bg:#0a0b10;--bg-soft:#12131a;--card:#161823;--text:#f2f4f8;--muted:#aeb4c2;--radius:16px;--shadow:0 10px 30px rgba(0,0,0,.25)}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:radial-gradient(1200px 300px at -10% -20%, rgba(192,192,192,.08), transparent), linear-gradient(180deg,#0a0b10,#0e1017);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;line-height:1.55}
a{color:var(--accent);text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}
.header{position:sticky;top:0;background:rgba(12,13,18,.6);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06);z-index:50}
.header .bar{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.nav a{margin:0 12px;color:var(--text);opacity:.85;transition:opacity .2s}.nav a:hover{opacity:1}
.logo-wrap{display:flex;align-items:center;gap:14px}.logo-wrap img{height:36px}.badge{display:inline-block;background:rgba(255,255,255,.06);padding:6px 10px;border-radius:999px;color:var(--muted);font-size:12px}
.hero{padding:70px 0 40px;background: radial-gradient(600px 200px at 20% -10%, rgba(192,192,192,.12), transparent), radial-gradient(600px 200px at 80% -10%, rgba(192,192,192,.08), transparent)}
.hero .h1{font-size:46px;line-height:1.15;margin:12px 0 10px;font-weight:800}.hero p.lead{font-size:18px;color:var(--muted);max-width:860px}
.cta{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}.btn{padding:12px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));color:var(--text);box-shadow:var(--shadow);transition:transform .2s, box-shadow .2s, border-color .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.3);border-color:rgba(255,255,255,.2)}.btn.primary{background:linear-gradient(180deg, rgba(192,192,192,.6), rgba(160,160,160,.35));border-color:transparent}
.grid{display:grid;gap:18px}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width:900px){.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card h3{margin:0 0 6px;font-size:18px}.card p{margin:6px 0;color:var(--muted)}
.section{padding:42px 0}.section h2{font-size:28px;margin:0 0 8px}.section p.sub{color:var(--muted);margin-top:0}
.kv{display:flex;align-items:center;gap:16px;padding:14px 18px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(192,192,192,.06)}
.footer{padding:28px 0;color:var(--muted);background:#0b0c11;border-top:1px solid rgba(255,255,255,.06)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left;vertical-align:top}.table th{color:var(--muted);font-weight:600}
.searchbar{display:flex;gap:10px;margin:12px 0 16px}.searchbar input,.searchbar select{background:#0f1016;color:var(--text);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 12px;flex:1;min-width:160px}
.tag{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.12);padding:4px 8px;border-radius:999px;margin-right:8px;margin-top:6px;color:var(--muted);font-size:12px}
.meta{font-size:12px;color:var(--muted)}.model{font-size:20px;font-weight:800;letter-spacing:.5px}
.product-card{cursor:pointer;transition:transform .15s,box-shadow .2s}.product-card:hover{transform:translateY(-3px)}
.icon{width:16px;height:16px;display:inline-block;vertical-align:middle}
form input, form select, form textarea{background:#0f1016;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 12px;width:100%}