:root{
  --blue:#0b3c6a;
  --yellow:#ffc107;
  --white:#ffffff;
  --max-width:1100px;
}
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;margin:0;background:var(--blue);color:#f3f6fb;}
a{color:var(--yellow);}
.container{max-width:var(--max-width);margin:0 auto;padding:20px;}
.header{background:rgba(0,0,0,0.15);border-bottom:3px solid var(--yellow);padding:14px 0;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:9;backdrop-filter:saturate(1.2) blur(4px);}
.brand{display:flex;align-items:center;gap:14px;}
.brand img{height:56px;}
.brand h1{font-size:20px;margin:0;color:#fff;letter-spacing:0.2px;}
.nav a{margin:0 8px;text-decoration:none;font-weight:600;color:#fff;}
.nav a:hover{text-decoration:underline;color:var(--yellow);}
.hero{display:flex;gap:24px;align-items:center;padding:28px 0;}
.hero .text{flex:1;}
.hero h2{margin:0 0 10px 0;color:#fff;}
.cta{display:inline-block;background:var(--yellow);color:#000;padding:10px 16px;border-radius:6px;text-decoration:none;font-weight:700;}
.card{background:rgba(255,255,255,0.06);padding:18px;border-radius:8px;border:1px solid rgba(255,255,255,0.12);}
.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:18px;}
.section-title{color:#fff;}
.footer{border-top:1px solid rgba(255,255,255,0.2);padding:24px 0;margin-top:30px;color:#cfe2ff;}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;}
.gallery-grid img{width:100%;height:200px;object-fit:cover;border-radius:6px;display:block;border:1px solid rgba(255,255,255,0.2);box-shadow:0 2px 10px rgba(0,0,0,0.35);}
.contact-list{list-style:none;padding:0;margin:0;}
.contact-list li{margin:8px 0;}
@media (max-width:700px){.hero{flex-direction:column;align-items:flex-start;}.brand img{height:48px;}}