:root{
  --bg:#fff;--fg:#111;--accent:#0a84ff;--muted:#666;--card:#f8f9fa;--border:#e0e0e0;
}
@media (prefers-color-scheme: dark){
  :root{--bg:#0f1116;--fg:#f4f5f7;--accent:#0a84ff;--muted:#bbb;--card:#191b21;--border:#2b2d35;}
}
body{margin:0;font-family:-apple-system,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
 background:var(--bg);color:var(--fg);}
header{position:sticky;top:0;background:var(--bg);border-bottom:1px solid var(--border);
display:flex;justify-content:space-between;align-items:center;padding:10px 20px;z-index:10;}
header nav a{margin:0 8px;color:var(--fg);text-decoration:none;padding:6px 10px;border-radius:8px;}
header nav a[aria-current="page"]{background:var(--card);}
.lang-switch button{margin-left:6px;padding:4px 8px;border:1px solid var(--border);
border-radius:6px;background:var(--card);cursor:pointer;}
.lang-switch button.active{border-color:var(--accent);color:var(--accent);}
.container{max-width:1000px;margin:0 auto;padding:20px;}
.hero{text-align:center;padding:60px 20px;}
.hero h1{font-size:clamp(28px,5vw,48px);margin-bottom:10px;}
.hero p{max-width:600px;margin:0 auto 20px;color:var(--muted);}
.btn{display:inline-block;padding:12px 20px;border-radius:10px;font-weight:600;
text-decoration:none;margin:6px;}
.btn.primary{background:var(--accent);color:white;}
.btn.secondary{background:var(--card);color:var(--fg);border:1px solid var(--border);}
.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.card{background:var(--card);padding:20px;border-radius:12px;border:1px solid var(--border);}
footer{border-top:1px solid var(--border);padding:20px;text-align:center;color:var(--muted);font-size:14px;}
form label{display:block;margin-top:12px;}
input,textarea{width:100%;padding:10px;border-radius:8px;border:1px solid var(--border);
background:var(--bg);color:var(--fg);}