*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.65;background:#f5f7fa;color:#1f2937}
main{max-width:860px;margin:auto;padding:20px}
nav{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:12px 0 22px;border-bottom:1px solid #ddd}
nav a{font-weight:600;text-decoration:none;color:#2563eb}
.lang{margin-left:auto;display:flex;gap:5px}
.lang button{border:1px solid #ccd5e1;background:#fff;border-radius:7px;padding:5px 9px;cursor:pointer}
.lang button.active{background:#2563eb;color:#fff}
.hero,article{background:#fff;border-radius:16px;padding:32px;margin-top:28px;box-shadow:0 4px 18px rgba(0,0,0,.07)}
h1{margin-top:0;font-size:2.1rem}h2{margin-top:30px}.hero p{font-size:1.15rem}
.links{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.button{display:inline-block;padding:10px 16px;border-radius:9px;background:#2563eb;color:#fff;text-decoration:none}
.button.secondary{background:#e8eefc;color:#1d4ed8}
.note{padding:16px 18px;background:#eff6ff;border-left:4px solid #2563eb;border-radius:4px}
footer{padding:30px 0;color:#6b7280;font-size:.9rem}a{color:#2563eb}li{margin:7px 0}
.lang-content{display:none}.lang-content.active{display:block}
@media(max-width:600px){main{padding:12px}.hero,article{padding:22px}nav{gap:12px;font-size:.95rem}.lang{margin-left:0}}