:root{--bg:#0f0a1f;--bg2:#14102b;--card:#1a1438;--ink:#efeaff;--muted:#b8afd6;--accent:#9a6bff;--accent2:#c19bff}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,var(--bg),var(--bg2));color:var(--ink);line-height:1.65}
a{color:var(--accent)}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;z-index:20;background:rgba(26,20,56,.75);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;gap:10px;align-items:center;color:var(--ink);font-weight:800}.brand img{height:36px}
.nav a{margin:0 10px;padding:6px 8px;border-radius:10px}.nav a.active{background:rgba(154,107,255,.2);border:1px solid rgba(154,107,255,.6)}
.icon-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--ink);padding:6px 10px;border-radius:999px}
.icon{width:22px;height:22px;display:inline-block}
.btn{display:inline-block;border:1px solid var(--accent);padding:10px 16px;border-radius:12px;font-weight:700;color:var(--ink);background:linear-gradient(180deg, rgba(154,107,255,.18), rgba(154,107,255,.08))}
.btn.solid{background:linear-gradient(180deg, var(--accent), var(--accent2)); color:#0f0a1f; border-color:transparent}
.hero{padding:80px 0 18px;text-align:center}.banner{background:rgba(154,107,255,.14);border:1px dashed rgba(154,107,255,.5);border-radius:12px;padding:8px 12px;display:inline-block;margin-top:10px}
.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}
.card{background:var(--card);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px}
.grid-form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.grid-form .full{grid-column:1/-1}
.lang-fab{position:fixed;right:16px;bottom:16px;background:#120e28;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:6px;z-index:50}
.lang-fab select{background:transparent;border:none;color:var(--ink);font:inherit}
.foot-grid{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.foot-links{text-align:right}
form label {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  color: #fff;
}

form input, form textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #aaa;
  border-radius: 6px;
  font-size: 14px;
  background: #1c1c2e;
  color: #fff;
}

form button {
  background: linear-gradient(90deg, #7b2ff7, #f107a3);
  border: none;
  padding: 10px 20px;
  color: #fff;
  font-weight: bold;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.3s;
}

form button:hover {
  opacity: 0.9;
}