:root{color-scheme:dark;font:17px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#122321;color:#f3f4f1}
*{box-sizing:border-box}
body{margin:0;padding:24px 16px 40px}
main{max-width:520px;margin:clamp(8px,5vh,48px) auto}
.brand{font-size:1.15rem;font-weight:700;color:#b0d6c9;margin:0 0 28px}
.invitation{padding:clamp(20px,5vw,32px);background:#1c302c;border:1px solid #355047;border-radius:20px}
.eyebrow{color:#b0d6c9;font-size:.85rem;margin-top:0}
h1{font-size:clamp(1.6rem,6vw,2.1rem);line-height:1.2;margin:12px 0 24px}
h2{font-size:1.15rem;line-height:1.4}
p{overflow-wrap:anywhere}
.secondary{color:#c4cfcb;font-size:.9rem}
a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
a{display:block;text-decoration:none;text-align:center;border-radius:16px;padding:14px 18px;font-weight:650;min-height:48px}
.primary{background:#b0d6c9;color:#122321;margin:24px 0 16px}
.outline{border:1px solid #b0d6c9;color:#b0d6c9;margin:16px 0}
button{font:inherit;color:#b0d6c9;background:transparent;border:1px solid #b0d6c9;border-radius:12px;padding:10px 18px;min-height:48px;cursor:pointer}
button:disabled{opacity:.6;cursor:wait}
a:focus-visible,button:focus-visible{outline:3px solid #9bc7ff;outline-offset:4px}
.beta{padding:12px 8px 0}
[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}