:root{
  --bg:#FFFFFF; --surface:#F6F7F9; --line:#E6E8EC; --fg:#2A3241; --muted:#6B7482; --hero:#1A7FA8;
  --font:"Nunito", ui-rounded, "SF Pro Rounded", system-ui, -apple-system, sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
body{margin:0; background:var(--bg); color:var(--fg); font-family:var(--font); font-size:17px; line-height:1.55; font-weight:600}
main{max-width:640px; margin:0 auto; padding:calc(env(safe-area-inset-top,0px) + 48px) 20px 64px}
.logo{width:64px; height:64px; display:block; margin-bottom:24px}
h1{font-size:34px; font-weight:900; letter-spacing:-.5px; line-height:1.12; margin:0 0 14px}
h2{font-size:20px; font-weight:800; line-height:1.25; margin:32px 0 8px}
p,li{color:var(--muted)}
p{margin:0 0 14px}
ul{margin:0 0 14px; padding-left:22px}
li{margin-bottom:6px}
strong{color:var(--fg); font-weight:800}
a{color:var(--hero)}
:focus-visible{outline:3px solid var(--hero); outline-offset:2px}
.lede{font-size:22px; line-height:1.35; font-weight:800; color:var(--fg)}
.date{font-size:15px}
.invite{background:var(--surface); border-radius:14px; padding:14px 16px; margin:24px 0}
.invite p{margin:0}
[hidden]{display:none !important}