body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f8f9fa;color:#002f4b;overflow-x:hidden;}
.container{max-width:1100px;margin:auto;padding:20px;}
.header{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.1);position:sticky;top:0;z-index:100;}
.header-flex{display:flex;align-items:center;justify-content:space-between;}
.logo{height:50px;width:auto;}
.logo-link{display:flex;align-items:center;text-decoration:none;color:#002f4b;font-weight:700;font-size:20px;}
.nav{display:flex;gap:15px;}
.nav a{text-decoration:none;color:#002f4b;font-weight:500;}
.nav a:hover{color:#0078d7;}
.lang-switch button{background:none;border:1px solid #0078d7;border-radius:5px;padding:5px 10px;margin:0 2px;cursor:pointer;color:#0078d7;font-weight:600;}
.hero{background:linear-gradient(180deg,#0a437a,#0078d7);color:white;text-align:center;padding:60px 20px;}
.hero h1{font-size:32px;margin-bottom:10px;}
.hero p{max-width:700px;margin:auto;}
.cta{display:inline-block;background:#00a3ff;color:white;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:bold;margin-top:15px;}
.section{padding:40px 20px;}
.section.alt{background:#fff;}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;}
.gallery-img{width:100%;height:220px;object-fit:cover;border-radius:10px;transition:transform 0.3s;}
.gallery-img:hover{transform:scale(1.05);}
.footer{text-align:center;background:#002f4b;color:white;padding:15px;margin-top:20px;}
.fade-in{opacity:0;transform:translateY(40px);transition:all 0.8s ease-out;}
.fade-in.visible{opacity:1;transform:translateY(0);}
@media(max-width:700px){
  .header-flex{flex-direction:column;align-items:flex-start;}
  .nav{flex-wrap:wrap;gap:10px;margin-top:10px;}
  .logo{height:45px;}
}