:root{
  --bg:#0f1216; --panel:#171b22; --panel-2:#141820; --text:#e9ecf1;
  --muted:#a5afc0; --brand:#8b5cf6; --brand-2:#6d28d9; --ok:#10b981; --bad:#ef4444;
  --ring: rgba(139,92,246,.35);
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, Apple Color Emoji, Segoe UI Emoji}
img{max-width:100%;height:auto;display:block}
a{color:#c7d2fe;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1080px;margin:0 auto;padding:0 16px}
.header{position:sticky;top:0;z-index:20;background:rgba(15,18,22,.8);backdrop-filter:saturate(150%) blur(8px);border-bottom:1px solid #1f2430}
.header-inner{display:flex;align-items:center;gap:16px;min-height:64px}
.logo-img{height:28px;width:auto;object-fit:contain}
.nav{display:flex;gap:18px;flex:1;align-items:center}
.nav a{padding:8px 6px;border-radius:10px;color:var(--text);opacity:.9}
.nav a.active{background:#1b212c;opacity:1}
.lang{position:relative}
.pill{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:#1b212c;border:1px solid #263042;color:var(--text);cursor:pointer}
.pill .txt{font-weight:600}
.dropdown{position:absolute;right:0;top:42px;min-width:220px;background:#11161d;border:1px solid #263042;border-radius:12px;padding:8px;display:none}
.dropdown a{display:flex;gap:8px;padding:8px;border-radius:8px;color:var(--text)}
.dropdown a:hover{background:#1b212c}
.lang.open .dropdown{display:block}
main{padding:24px 0 64px}
.card{background:radial-gradient(120% 100% at 0% 0%,rgba(139,92,246,.06),transparent 60%), var(--panel);border:1px solid #202636;border-radius:16px;padding:18px}
.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}
.eyebrow{display:inline-flex;gap:6px;align-items:center;padding:6px 10px;border-radius:999px;background:#16202e;border:1px solid #243142;color:#9cc7ff;font-size:.85rem;margin-bottom:10px}
h1{font-size:2.4rem;line-height:1.1;margin:10px 0 12px;background:linear-gradient(90deg,#c7b7ff,#a7a5ff,#a1c1ff);-webkit-background-clip:text;background-clip:text;color:transparent}
p.lead, .lead{color:var(--muted)}
.actions{display:flex;gap:10px;margin:14px 0}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;background:#1b212c;border:1px solid #263042;color:var(--text)}
.btn.primary{background:linear-gradient(90deg,#7c3aed,#6d28d9);border-color:#5b21b6}
.btn:hover{text-decoration:none;filter:brightness(1.05)}
.pill.muted{background:#1a2029;border-color:#273040;color:#aab7cc}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.hero-right{display:flex;align-items:center;justify-content:center}
.hero-logo{width:320px;height:320px;border-radius:16px;border:1px solid #2a3140;background:#0c1016;padding:12px;object-fit:cover}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
input,textarea{width:100%;padding:12px;border-radius:12px;background:var(--panel-2);border:1px solid #263042;color:var(--text);outline:none}
input:focus,textarea:focus{box-shadow:0 0 0 3px var(--ring)}
.status{margin-top:10px;font-size:.95rem}
.status.ok{color:var(--ok)} .status.bad{color:var(--bad)}
.footer{border-top:1px solid #1f2430;padding:18px 0;color:#99a3b6}
@media (max-width: 980px){
  .grid{grid-template-columns:1fr}
  .hero-logo{width:260px;height:260px}
  .nav{display:none}
}