/* Minimal, clean, dark theme */
:root{--bg:#0b0b0d;--card:#121217;--text:#eaeaf1;--muted:#a2a2b3;--pri:#7dd3fc;--accent:#f5c04d}
*{box-sizing:border-box} html,body{margin:0;padding:0;background:var(--bg);color:var(--text);
  font:16px/1.6 system-ui,Segoe UI,Roboto,Arial}
a{color:var(--pri)} .container{width:min(1100px,92%);margin-inline:auto}
.nav{display:flex;align-items:center;gap:1rem;justify-content:space-between;padding:1rem 0}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:800}
.brand img{width:40px;height:40px;border-radius:10px;object-fit:cover;background:#0f0f13}
.brand .name{letter-spacing:.4px}
.nav nav a{color:var(--muted);text-decoration:none;margin-inline:.6rem}
.nav nav a:hover{color:var(--text)}
.btn{background:var(--accent);color:#111;text-decoration:none;border:none;border-radius:10px;
  padding:.7rem 1rem;font-weight:800;cursor:pointer}
.btn.ghost{background:transparent;outline:1px solid var(--accent);color:var(--text)}
.lang .lang-btn{background:transparent;color:var(--muted);border:1px solid #2a2a33;border-radius:8px;
  padding:.35rem .5rem;margin-left:.25rem;cursor:pointer}
.hero{padding:5rem 0 3rem;display:grid;gap:1rem}
.hero h1{font-size:clamp(2rem,5vw,3rem);line-height:1.1;margin:0 0 .6rem}
.hero p{color:var(--muted);max-width:680px;margin:0 0 1.2rem}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.card{background:var(--card);border:1px solid #1d1d25;border-radius:16px;padding:1rem}
.section{padding:2rem 0}
.footer{padding:2rem 0;color:var(--muted);border-top:1px solid #1c1c24;margin-top:2rem}
.form input,.form textarea{width:100%;background:#0e0e14;color:var(--text);border:1px solid #242432;
  border-radius:10px;padding:.75rem;margin:.4rem 0}
.form textarea{min-height:140px;resize:vertical}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:.7rem;border-bottom:1px solid #222}
@media(max-width:800px){.grid3{grid-template-columns:1fr}}