:root{--bg:#0b1220;--card:#121b2f;--text:#e8edf7;--muted:#a9b4c9;--accent:#14b8a6;--gold:#c8a24d}
*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:linear-gradient(180deg,#0b1220,#0f172a);color:var(--text)}
.nav{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:#0b1220cc;backdrop-filter:blur(6px);border-bottom:1px solid #253250}
.brand{font-weight:700}.logo{height:40px;width:auto;display:block}.nav nav{display:flex;gap:14px;flex-wrap:wrap}.nav a{color:var(--muted);text-decoration:none}.nav a:hover{color:#fff}
.lang{background:var(--accent);border:0;color:#062a26;padding:8px 12px;border-radius:10px;font-weight:700;cursor:pointer}
main{max-width:1000px;margin:auto;padding:24px}
.hero{padding:44px 0}.hero h1{font-size:clamp(28px,5vw,48px);line-height:1.2;margin:.2em 0}.hero p{color:var(--muted);font-size:1.1rem;max-width:760px}
.cta{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}.btn{background:var(--accent);color:#062a26;text-decoration:none;padding:10px 16px;border-radius:10px;font-weight:700;display:inline-block}.btn-outline{background:transparent;color:var(--text);border:1px solid #39507d}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 28px}.stats div{background:var(--card);padding:16px;border-radius:12px;text-align:center;border:1px solid #26365c}.stats strong{display:block;font-size:1.2rem;color:var(--gold)}.stats span{color:var(--muted)}
.card{background:var(--card);border:1px solid #26365c;border-radius:14px;padding:20px;margin:14px 0}.card h2{margin-top:0}
footer{padding:20px;text-align:center;color:var(--muted)}
@media (max-width:800px){.stats{grid-template-columns:repeat(2,1fr)}.nav{gap:10px}}
@media (max-width:520px){.stats{grid-template-columns:1fr}.nav nav{display:none}}