:root { --ink:#1F2937; --muted:#5B6472; --accent:#2952E3; --accent-2:#FF6B5B; --accent-3:#FFC23D; --bg:#ffffff; --line:#E5E7EB; }
@media (prefers-color-scheme: dark) { :root { --ink:#e8ecf0; --muted:#a3adb8; --accent:#7A96F5; --bg:#14181d; --line:#2a3139; } }
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, "Segoe UI", Helvetica, Arial, sans-serif; color:var(--ink); background:var(--bg); line-height:1.55; }
.site-header { border-top:4px solid var(--accent-3); display:flex; flex-wrap:wrap; gap:1rem; align-items:center; justify-content:space-between; padding:1rem 1.25rem; border-bottom:1px solid var(--line); }
.brand { display:inline-flex; line-height:0; }
.brand img { height:44px; width:auto; }
@media (max-width: 480px) { .brand img { height:34px; } }
nav a, .lang a, .site-footer a { color:var(--accent); text-decoration:none; margin-right:1rem; }
.lang a.active { font-weight:700; color:var(--ink); }
main { max-width:52rem; margin:0 auto; padding:2rem 1.25rem; }
.hero h1 { font-size:2rem; margin-bottom:.5rem; }
.lead { font-size:1.15rem; color:var(--muted); }
.soon { margin-top:2rem; padding:1rem; border:1px solid var(--line); border-radius:8px; }
.site-footer { border-top:1px solid var(--line); padding:1rem 1.25rem; color:var(--muted); font-size:.9rem; }
.hero h1 { color:var(--accent); }
.soon { border-left:4px solid var(--accent-2); }
@media (prefers-color-scheme: dark) { .brand img { background:#ffffff; border-radius:8px; padding:4px 8px; } }