:root{--fg:#0a2540;--muted:#5c6b7a;--brand:#0ea5a5;--bg:#f7fafc;--card:#fff;--shadow:0 10px 30px rgba(0,0,0,.06)}
*{box-sizing:border-box}
body{margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--fg);background:var(--bg)}
a{color:var(--brand);text-decoration:none}
a:hover{opacity:.9}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
header{position:sticky;top:0;background:#ffffffee;backdrop-filter:blur(8px);border-bottom:1px solid #e6eef5;z-index:10}
header .inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}
.topnav a{margin:0 10px}
.main{margin:18px 0 28px}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.card{grid-column:span 12;background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
@media(min-width:900px){.card{grid-column:span 6}}
.card img{width:100%;height:260px;object-fit:cover;display:block}
.pad{padding:14px 16px}
.line1{font-weight:700}
.line2{color:var(--muted);margin:6px 0 12px}
.btn{display:inline-block;padding:10px 16px;border-radius:999px;background:var(--brand);color:#fff;border:0}
.section{margin:28px 0}
footer{border-top:1px solid #e6eef5}
footer .inner{padding:18px 0;display:flex;justify-content:space-between;flex-wrap:wrap;color:var(--muted)}
.cookie-banner{display:none;background:#0b2a3a;color:#e7f6ff}
.cookie-banner .inner{padding:10px 0;display:flex;align-items:flex-start;gap:16px;justify-content:space-between}
.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:10px;margin:18px 0}
.gallery a{grid-column:span 6}
@media(min-width:900px){.gallery a{grid-column:span 3}}
.gallery img{width:100%;height:200px;object-fit:cover;border-radius:12px;display:block;box-shadow:var(--shadow)}
.glx-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.85);z-index:1000}
.glx-overlay img{max-width:92vw;max-height:88vh;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.glx-close{position:absolute;top:18px;right:22px;color:#fff;background:#0008;padding:8px 12px;border-radius:999px;cursor:pointer}
.glx-nav{position:absolute;top:50%;transform:translateY(-50%);font-size:40px;color:#fff;background:#0008;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}
.glx-prev{left:20px}.glx-next{right:20px}
section[id], .section[id] { scroll-margin-top: 90px; }