:root{
  color-scheme:light;
  --bg:#f4f6f9;--card:#ffffff;--fg:#1b2430;--muted:#5b6878;--accent:#1f5fae;--accent-soft:#e8f0fa;
  --rule:#e3e8ee;--shadow:0 1px 2px rgba(20,32,48,.06),0 8px 24px rgba(20,32,48,.06);
  --radius:14px;--measure:40rem;--gap:1.25rem
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--fg);font:1.0625rem/1.65 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.band{height:6px;background:linear-gradient(90deg,var(--accent),#3b8ad9)}
main{max-width:var(--measure);margin:0 auto;padding:3.5rem var(--gap) 4rem}
header{margin-bottom:2rem}
h1{font-size:clamp(1.75rem,5vw,2.25rem);line-height:1.2;letter-spacing:-.01em;margin:0 0 .75rem;overflow-wrap:anywhere}
.about{font-size:1.125rem;color:var(--muted);margin:0}
.card{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow);padding:.5rem 1.5rem}
section{padding:1.25rem 0;border-top:1px solid var(--rule)}
section:first-child{border-top:0}
h2{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0 0 .35rem}
p{margin:0;overflow-wrap:anywhere}
a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
.visit{margin-top:2rem;text-align:center}
.visit a{display:inline-block;padding:.75rem 1.5rem;border-radius:999px;background:var(--accent);color:#fff;text-decoration:none;font-weight:600}
.visit a:hover{background:#174c8c}