* {box-sizing: border-box;margin:0;padding:0}
body {font-family:Arial,sans-serif;background:#f5f7fa;color:#333;line-height:1.6}
header {background:linear-gradient(135deg,#66c880,#4ca9e0);padding:20px;text-align:center;border-bottom:1px solid #e0e0e0}
.logo{max-width:180px;margin:0 auto 10px}
h1{font-size:2em;margin-bottom:0.2em}
.tagline{font-size:1.1em;color:#fff;font-weight:600}
.language-switcher{margin-bottom:15px}
.language-switcher button{margin:0 5px;padding:5px 12px;border:0;border-radius:4px;background:#fff;color:#005bac;cursor:pointer}
.lang-btn.active {background: #005bac;color: white;}
main{max-width:1100px;margin:auto;padding:40px 20px}
section{margin-bottom:60px}
h2{color:#005bac;margin-bottom:15px}
p.section-intro{margin-bottom:20px;font-size:1.05em}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.gallery img{width:100%;height:auto;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.15);object-fit:cover}
.contact{background:#005bac;color:#fff;padding:30px;border-radius:8px;text-align:center}
.contact a{color:#fff;text-decoration:underline}
footer{text-align:center;padding:20px;font-size:0.9em;color:#999}
h2.footer-title {color: white;}
@media(max-width:600px){h1{font-size:1.5em}main{padding:20px}}
.lang-btn {
    display: inline-block;
    padding: 6px 14px;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
    border-radius: 4px;
    border: 1px solid #bcbcbc;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}
.lang-btn:hover {
    background-color: #004080;
    border-color: #004080;
}