/* WATCh Heritage tokens and bundled typefaces from MinistryDesignSystem.swift. */
.welcome h1{color:#fff}
@font-face{font-family:Oswald;src:url('/assets/Oswald-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Glacial;src:url('/assets/GlacialIndifference-Regular.otf') format('opentype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Glacial;src:url('/assets/GlacialIndifference-Bold.otf') format('opentype');font-style:normal;font-weight:700;font-display:swap}
:root{color-scheme:light;--forest:#4A5940;--sage:#898F78;--gold:#D9A647;--ivory:#E8E3D9;--charcoal:#2E2E2E;--paper:#fff;--muted:#65675e;--line:#deded4;font:16px/1.55 Glacial,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f5f3ef;color:var(--charcoal)}
*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}[hidden]{display:none!important}button,a{-webkit-tap-highlight-color:transparent}
.brand{height:100px;padding:0 max(24px,calc((100vw - 1152px)/2));background:var(--paper);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand a{width:160px;height:90px;overflow:hidden;display:block;flex-shrink:0}.brand img{display:block;width:160px;height:160px;transform:translateY(-31px)}.brand-label{font:700 13px Oswald,sans-serif;letter-spacing:1.5px;color:var(--forest);padding:8px 12px;border:1px solid #898f7850;border-radius:5px}
main{display:grid;grid-template-columns:1.08fr 1fr;max-width:1152px;margin:36px auto;background:var(--paper);border-radius:8px;overflow:hidden;box-shadow:0 4px 26px #2e2e2e0b;border:1px solid var(--line);min-height:710px}.welcome{position:relative;min-height:710px;display:flex;align-items:flex-end;background:linear-gradient(180deg,#17221605 8%,#17221628 35%,#10180fda 78%,#10180ff2),url('/assets/community-home-hero.jpg') center/cover;color:var(--paper)}.welcome-content{position:relative;padding:48px 40px}.eyebrow{font:700 13px/1.5 Oswald,sans-serif;letter-spacing:1.65px;color:var(--forest);margin:0 0 16px}.welcome .eyebrow{color:var(--gold)}h1,h2,h3{font-family:Oswald,sans-serif;font-weight:700}h1{font-size:48px;line-height:1.15;letter-spacing:.1px;margin:0 0 22px}h2{font-size:34px;line-height:1.17;margin:0 0 18px;color:var(--forest)}h3{font-size:21px;line-height:1.3;margin:0 0 8px}p{margin:0 0 20px}.intro{font-size:18px;line-height:1.55;color:#fffffff0;margin-bottom:25px;max-width:360px}.rhythms{display:flex;gap:8px;flex-wrap:wrap}.rhythms span{font:700 12px Oswald,sans-serif;letter-spacing:.8px;padding:7px 12px;border:1px solid #ffffff50;border-radius:4px;color:#fff}
.card{align-self:center;padding:38px 40px;width:100%;max-width:560px;margin:auto}.invitation-mark{color:var(--gold);background:var(--forest);border:1px solid #d9a64777;border-radius:8px;width:52px;height:52px;display:grid;place-items:center;margin-bottom:22px}.card .eyebrow{font-size:11px;letter-spacing:1.3px}#invitation-description{color:var(--muted);font-size:17px;line-height:1.55}.button{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border:1px solid var(--forest);border-radius:8px;text-decoration:none;font-family:Glacial,sans-serif;font-weight:700;font-size:16px;line-height:1.4}.button span{font-family:Arial,sans-serif;font-size:22px;line-height:1}.primary{background:var(--forest);color:#fff;margin:22px 0 18px}.primary:hover{background:#3e4c35}.secondary{background:transparent;color:var(--forest)}.secondary:hover{background:#898f7812}.button:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a87618;outline-offset:4px}
.code-panel{background:#898f780c;border:1px solid var(--line);border-radius:8px;padding:16px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 10px}.code-panel label{font:700 11px Oswald,sans-serif;letter-spacing:1px;color:var(--forest);grid-column:1/-1}#invitation-code{border:0;min-width:0;width:100%;padding:0;background:transparent;color:var(--charcoal);font-family:ui-monospace,monospace;font-weight:600;font-size:23px;letter-spacing:2px;line-height:44px}#copy-code{font-family:Glacial,sans-serif;font-size:14px;font-weight:700;color:var(--forest);min-height:44px;padding:8px 12px;cursor:pointer;background:var(--paper);border:1px solid var(--line);border-radius:6px}#copy-status{grid-column:1/-1;color:var(--muted);font-size:13px;line-height:1.5;margin:6px 0 0}.reassurance{color:var(--muted);font-size:14px;line-height:1.55;margin:18px 0 25px}.install{border-top:1px solid var(--line);padding-top:23px;margin-top:24px}.install p{font-size:15px;color:var(--muted);margin-bottom:17px}.install .footnote{font-size:13px;line-height:1.5;margin:16px 0 0}footer{max-width:1152px;margin:0 auto 28px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--muted);font-size:13px}footer>span{font:700 11px Oswald,sans-serif;letter-spacing:1.3px}footer a{padding:10px 0;text-decoration:none}
@media(max-width:1200px){main{margin:28px 24px}footer{margin:0 24px 24px}.welcome-content{padding:38px 30px}.card{padding:32px 28px}h1{font-size:43px}}
@media(max-width:760px){.brand{height:83px;padding:0 20px}.brand a{width:138px;height:78px}.brand img{width:138px;height:138px;transform:translateY(-27px)}.brand-label{font-size:11px;padding:6px 9px;letter-spacing:1px}main{display:block;margin:0;border:0;border-radius:0;min-height:0;box-shadow:none}.welcome{min-height:280px;background-position:center 42%}.welcome-content{padding:38px 24px 25px;width:100%}h1{font-size:36px;margin-bottom:14px;line-height:1.15}.welcome .eyebrow{font-size:11px;margin-bottom:10px}.intro{font-size:16px;max-width:340px;line-height:1.45;margin-bottom:16px}.rhythms span{font-size:10px;padding:5px 10px}.card{padding:28px 24px 34px;max-width:520px}.invitation-mark{width:43px;height:43px;float:right;margin:0 0 10px 12px}.invitation-mark svg{width:24px}.card .eyebrow{font-size:10px;letter-spacing:1px;max-width:calc(100% - 58px);margin-bottom:12px}h2{font-size:29px;line-height:1.17}#invitation-description{font-size:16px;line-height:1.5}.button{font-size:15px;min-height:52px;padding:14px}.reassurance{font-size:14px}footer{padding:18px 24px;margin:0;border-top:1px solid var(--line);font-size:12px;background:#f5f3ef}footer>span{font-size:9px}#invitation-code{font-size:21px;letter-spacing:1.7px}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--paper:#171916;--charcoal:#E8E3D9;--muted:#b4b8ac;--line:#ffffff24;background:#0d100d}.brand{background:#E8E3D9}.brand-label{color:#4A5940}h2{color:#e8e3d9}.card .eyebrow,.code-panel label{color:#d9a647}.secondary{color:#e8e3d9;border-color:#898f78}.code-panel{background:#898f7814}#copy-code{color:#e8e3d9}footer{background:#0d100d}}
