/* ===== Base / Theme ===== */
:root{
  --bg:#0b1320; --card:#111a2b; --acc:#2ed3a6;
  --txt:#e7edf5; --muted:#a8b3c7; --border:#243049;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--txt);
  font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}

/* Links */
a{color:var(--acc);text-decoration:none}
a:hover{opacity:.9}

/* ===== Layout ===== */
.container{width:min(1120px,92%);margin-inline:auto}
header{position:sticky;top:0;z-index:20;
  background:linear-gradient(180deg,rgba(11,19,32,.95),rgba(11,19,32,.65));
  backdrop-filter:blur(6px);border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px}
.logo{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;
  background:conic-gradient(from 180deg at 50% 50%,#1b2440,#1b2440 50%,var(--acc) 50%,var(--acc));
  box-shadow:0 0 0 2px #152036}
.nav a{margin-left:18px;font-weight:600;color:var(--txt)}
.nav a:hover{color:#fff}

main{padding:56px 0}
section{padding:56px 0}

/* ===== Components ===== */
.btn{display:inline-block;padding:12px 18px;border-radius:12px;
  background:var(--acc);color:#0b1320;font-weight:700;border:0;cursor:pointer}
.btn.ghost{background:transparent;color:var(--acc);border:1px solid var(--acc)}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hero{padding:72px 0 56px;display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}
.hero h2{font-size:44px;line-height:1.05;margin:0 0 12px}
.hero p{color:var(--muted);font-size:18px;margin:0 0 24px}
.hero-card{background:radial-gradient(1200px 600px at 90% -20%,rgba(46,211,166,.15),transparent 60%),var(--card);
  border:1px solid var(--border);border-radius:18px;padding:20px}
.section-title{display:flex;align-items:center;gap:10px;margin:0 0 20px}
.section-title .bar{width:36px;height:3px;background:var(--acc);border-radius:3px}
.list{display:grid;gap:8px;color:var(--muted)}
.tag{display:inline-block;padding:6px 10px;border:1px solid var(--border);border-radius:999px;font-size:12px;color:var(--muted)}
input,textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#0f1829;color:var(--txt)}
textarea{min-height:120px;resize:vertical}
footer{border-top:1px solid var(--border);padding:24px 0;color:var(--muted)}

/* ===== Language switch ===== */
.nav nav{display:flex;align-items:center;gap:12px}
.lang{display:flex;align-items:center;gap:6px;margin-left:6px}
.lang a{margin-left:0 !important;padding:6px 10px;border:1px solid var(--border);border-radius:10px;color:var(--muted)}
.lang a.active{background:var(--acc);color:#0b1320;border-color:var(--acc)}

/* ===== Utilities ===== */
h1{margin:0 0 10px;font-size:28px}
h2{margin:26px 0 10px;font-size:26px}
h3{margin:22px 0 8px;font-size:18px}
.muted{color:var(--muted)}
.section{margin:28px 0}

/* ===== Responsive ===== */
@media (max-width: 900px){
  .hero{grid-template-columns:1fr}
  .grid{grid-template-columns:1fr}
  .nav a{margin-left:12px}
}