:root { --fg:#0b5c4d; --fg2:#0e7c6b; --bg:#f7f9f8; --text:#1c1c1c; } *{box-sizing:border-box} html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;background:var(--bg);color:var(--text)} header{display:flex;align-items:center;gap:16px;padding:18px 24px;background:#fff;border-bottom:1px solid #e6efe9;position:sticky;top:0;z-index:2} header img{height:56px} nav a{margin-right:16px;text-decoration:none;color:#0b5c4d;font-weight:600} nav a.active{border-bottom:2px solid var(--fg)} .lang-switch{margin-left:auto;display:flex;gap:8px} .lang-switch a{padding:6px 10px;border:1px solid #cfe7df;border-radius:8px} .container{max-width:980px;margin:0 auto;padding:28px 20px 80px} h1{color:var(--fg);font-size:clamp(28px,4vw,40px);margin:18px 0 10px} h2{color:var(--fg2);margin-top:28px} .hero{display:grid;grid-template-columns:1.1fr 0.9fr;gap:22px;align-items:center} .hero .card{background:#fff;padding:22px;border-radius:14px;border:1px solid #e6efe9;box-shadow:0 1px 6px rgb(10 50 30 / 6%)} .cta{display:inline-block;padding:12px 18px;background:var(--fg2);color:#fff;border-radius:10px;text-decoration:none;margin-top:12px} footer{border-top:1px solid #e6efe9;background:#fff;padding:18px 24px;color:#46655d} .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px} .card{background:#fff;padding:18px;border:1px solid #e6efe9;border-radius:12px} form{display:grid;gap:10px;max-width:520px} input,textarea,select{padding:10px 12px;border-radius:8px;border:1px solid #ccdcd6;background:#fff} button{padding:12px 16px;border:none;border-radius:10px;background:var(--fg);color:#fff;font-weight:700;cursor:pointer} .small{font-size:12px;color:#6a817a} a{color:var(--fg2)}