:root{--ink:#17212b;--muted:#6b7785;--accent:#c8102e;--bg1:#f5f5f5;--bg2:#ffffff}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:linear-gradient(135deg,var(--bg1) 50%,var(--bg2) 50%);color:#222;font-family:Montserrat,system-ui,Arial,sans-serif}
.page{max-width:900px;margin:0 auto;padding:48px 20px}
.hero{text-align:center}
.logo{width:180px;height:auto;margin:10px auto 14px;display:block}
h1{margin:0;color:var(--ink);font-weight:800;font-size:1.9rem}
.sub{margin:6px 0 0;color:var(--muted)}
.status{margin:12px 0 0;color:var(--accent);font-weight:800}
.tagline{margin:10px 0 0;color:var(--ink)}
.content{margin-top:24px;background:rgba(255,255,255,0.6);backdrop-filter:saturate(110%);border-radius:8px;padding:14px}
h2{color:var(--ink);font-size:1.2rem;margin:0 0 10px 0}
.activities{margin:0 0 14px 18px}
.activities li{margin:8px 0}
.group{color:var(--muted);margin:10px 0}
.contact{margin:10px 0}
.motto{text-align:center;margin:16px 0 0}
.site-footer{text-align:center;border-top:1px solid #eee;margin-top:28px;padding:10px 0;color:#666;font-size:.95rem;background:rgba(255,255,255,.75)}
@media(max-width:640px){.page{padding:32px 16px}.logo{width:150px}h1{font-size:1.6rem}.status{font-size:1rem}}