:root{
  --bg:#0b0f17; --panel:#121a22; --panel2:#0f1626; --line:rgba(255,255,255,.12);
  --text:#e8eefc; --muted:#a6b4d6; --accent1:#5ad1ff; --accent2:#8a5cff;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:var(--accent1);text-decoration:none}
.wrap{max-width:1100px;margin:0 auto;padding:20px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}
.badge{display:inline-block;border:1px solid var(--line);background:rgba(255,255,255,.05);
  padding:6px 10px;border-radius:999px;font-size:.9rem;margin:6px 6px 0 0;color:var(--muted)}
.btn{display:inline-block;padding:12px 16px;border-radius:12px;border:1px solid var(--line);color:var(--text);font-weight:600}
.btn.primary{background:linear-gradient(135deg,var(--accent1),var(--accent2));color:#fff;border:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
h1{margin:0 0 6px;font-size:clamp(1.6rem,3.8vw,2.4rem)}
h2{margin:0 0 12px;font-size:1.25rem}
h3{margin:0 0 8px;font-size:1.08rem}
.muted{color:var(--muted)}
.footer{color:var(--muted);font-size:.9rem;border-top:1px solid var(--line);padding:14px 0 24px;margin-top:18px}
.logo{width:128px;height:128px;object-fit:contain;border-radius:10px;background:var(--panel2);border:1px solid var(--line);padding:6px}
.header{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center}
.header p{margin:0;color:var(--muted)}
.hero{background:var(--panel2);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:16px}
.lang{position:fixed;right:16px;top:12px;background:rgba(255,255,255,.06);border:1px solid var(--line);
  padding:6px 10px;border-radius:999px;font-size:.95rem;z-index:5}
.lang a{color:var(--text);margin:0 6px}
.nowrap{white-space:nowrap}
ul.clean{margin:0; padding-left:18px; line-height:1.7}
ol.clean{margin:0; padding-left:18px; line-height:1.7}
@media (max-width: 600px){
  .header{grid-template-columns:1fr;text-align:center}
  .logo{margin:0 auto;width:100px;height:100px}
}