:root { --ink:#2b2b2b; --muted:#6b6b6b; --accent:#5a5; --bg:#faf7f0; }
* { box-sizing: border-box; }
body { margin:0; font-family: Georgia, 'Times New Roman', serif; color: var(--ink);
       background: var(--bg); line-height:1.6; }
.hero { display:flex; gap:1.5rem; align-items:center; padding:2.5rem 1.5rem;
        background:#223; color:#eee; }
.logo { width:110px; height:110px; border-radius:50%; background:#fff; }
.hero h1 { margin:0 0 .2rem; font-size:2rem; }
.slogan { font-style:italic; margin:.2rem 0 .6rem; color:#cfc; }
.mission { margin:.2rem 0; color:#ddd; }
.signin { display:inline-flex; align-items:center; justify-content:center; margin-top:.7rem;
         height:2.75rem; width:2.75rem; padding:0; border:1px solid rgba(255,255,255,.35);
         background:rgba(255,255,255,.08); color:#dfe6e9; text-decoration:none; border-radius:999px;
         font-family:system-ui, -apple-system, 'Segoe UI', sans-serif; font-weight:600;
         transition:background .15s ease; }
.signin:hover { background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.5); }
.signin-icon { width:22px; height:22px; display:block; }
.signin-text { display:none; font-size:.95rem; }
@media (min-width: 700px) {
  .signin { width:auto; padding:0 1.1rem; }
  .signin-icon { display:none; }
  .signin-text { display:inline-block; }
}
main { max-width:900px; margin:0 auto; padding:1.5rem; }
.card { background:#fff; border:1px solid #e6e0d4; border-radius:8px; padding:.8rem 1.1rem; margin-bottom:1rem; }
.card h3 { margin:.2rem 0; }
.card .meta { color:var(--muted); font-size:.85rem; margin:.2rem 0 .4rem; }
.events { list-style:none; padding:0; }
.events li { background:#fff; border-left:4px solid var(--accent); padding:.5rem .9rem; margin:.5rem 0; }
.tag { color:var(--muted); font-size:.8rem; }
footer { text-align:center; color:var(--muted); padding:1.5rem; font-size:.9rem; }
.muted { color:var(--muted); }