*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Arial,sans-serif;color:#173b43;background:#fafbf9}header{background:white;border-bottom:1px solid #dae5e4;position:sticky;top:0}header .inner{max-width:1100px;margin:auto;padding:18px 22px;display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.brand{font-weight:800;font-size:20px;color:#176d78;text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:9px}nav a,.langs a{color:#174e56;text-decoration:none;padding:8px 10px;border-radius:8px}nav a:hover,nav a.active{background:#e1f0ed}.langs{font-size:13px}main{max-width:1100px;margin:auto;padding:32px 22px 70px}.hero{background:linear-gradient(115deg,#124953,#188c95);color:white;border-radius:18px;padding:55px 35px}h1{font-size:clamp(28px,5vw,48px);margin:0 0 15px}h2{margin-top:38px}p{line-height:1.6}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-top:22px}.card{background:white;border:1px solid #dce7e5;border-radius:14px;padding:22px;box-shadow:0 3px 12px #0c424508}.card h3{margin:0 0 9px}.card a,.cta{display:inline-block;margin-top:10px;background:#177e87;color:white;padding:10px 14px;border-radius:8px;text-decoration:none}.notice{border-left:4px solid #b77e3b;background:#fff7e9;padding:14px 18px;border-radius:6px;margin:20px 0}.item{background:white;border:1px solid #dae5e4;border-radius:10px;padding:18px;margin:12px 0}footer{background:#153f46;color:white;padding:25px;text-align:center}a{color:#137c88}@media(max-width:650px){header .inner{display:block}nav{margin-top:14px}.hero{padding:35px 22px}}