:root{--brand:#0f3b78;--accent:#0b69ff;--bg:#fff}
*{box-sizing:border-box}body{font-family:Inter, Arial, sans-serif;margin:0;color:#222;background:var(--bg)}
.container{max-width:1200px;margin:0 auto;padding:18px}
.site-header{background:var(--brand);color:#fff;padding:12px 0;position:sticky;top:0;z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand img{height:48px}
.main-nav{display:flex;gap:12px}
.main-nav a{color:#fff;text-decoration:none;padding:8px;border-radius:6px}
.nav-toggle{display:none}
.hero{display:grid;grid-template-columns:1fr 420px;gap:24px;align-items:center;padding:56px 0;background:linear-gradient(180deg, rgba(15,59,120,0.95), rgba(11,105,255,0.45));color:#fff}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:900px){.hero{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.main-nav{display:none}.nav-toggle{display:block}.gallery-grid{grid-template-columns:1fr}}
img{max-width:100%;height:auto;display:block}