:root{font-family:Arial,Helvetica,sans-serif;color:#20201e;background:#f5f3ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:35px 6vw}a{color:inherit;text-decoration:none}header>a:last-child{font-size:13px}.brand{font-size:22px;font-weight:900;letter-spacing:-1px;line-height:.9}.brand span{display:block;font-size:12px;letter-spacing:3px;margin-top:6px}main{max-width:1280px;margin:55px auto 80px;padding:0 6vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start}.intro{padding-top:45px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}h1{font-size:clamp(42px,5vw,72px);line-height:1.04;font-weight:500;letter-spacing:-3px;margin:28px 0}.intro>p:last-child{color:#696a62;line-height:1.6}.card{background:white;padding:38px;border:1px solid #e6e4dd;border-radius:5px;box-shadow:0 12px 45px #27221a06}h2{font-size:27px;font-weight:500;letter-spacing:-.8px;margin:0 0 18px}.card p{font-size:14px;line-height:1.7;color:#64665f;margin:0 0 25px}label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}input{display:block;width:100%;padding:14px 12px;border:1px solid #d5d7d0;border-radius:3px;font:inherit;font-size:15px;margin-bottom:22px;background:#fff;color:#20201e}button{cursor:pointer;width:100%;padding:16px 18px;border:0;border-radius:3px;background:#252c24;color:white;font:inherit;font-size:13px;font-weight:600;text-align:left;margin:0 0 14px}button>span{float:right}button:disabled{opacity:.5;cursor:wait}.secondary{background:#f2f3ef;color:#30362d;text-align:center}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #56804d;outline-offset:3px}.card .fine-print{font-size:12px;margin:8px 0 20px;color:#75786e}.name-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.optional{font-weight:400;color:#777}#member-status:empty{display:none}.card #member-status{background:#f4f5f0;padding:12px;font-size:13px;border-radius:3px}.card .verified{word-break:break-word;color:#41613c;font-size:13px}#member-challenge{margin-bottom:20px;min-height:65px}footer{padding:0 6vw 30px;color:#7b7e73;font-size:11px;max-width:1280px;margin:auto}[hidden]{display:none!important}@media(max-width:760px){header{padding:26px 6vw}main{grid-template-columns:1fr;gap:28px;margin:25px auto 50px}.intro{padding:0}h1{letter-spacing:-2px;margin:18px 0}.card{padding:26px}.name-fields{grid-template-columns:1fr;gap:0}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}button:hover:not(:disabled){background:#3c4838}.secondary:hover:not(:disabled){background:#e3e7dc}}

.dashboard-links{display:grid;gap:12px;margin:20px 0 24px}.dashboard-links a{display:block;border:1px solid #e2e5dc;border-radius:4px;padding:18px;background:#fafbf8}.dashboard-links strong{display:block;font-size:14px;font-weight:600}.dashboard-links strong span{float:right}.dashboard-links small{display:block;color:#696e63;font-size:12px;line-height:1.6;margin-top:7px}.dashboard-links a:hover{background:#eff2e9}#dashboard-email{overflow-wrap:anywhere}

/* Official supplied logo, rendered in the website brand blue. */
header .brand{display:block;flex-shrink:0}header .brand .member-logo{display:block;width:240px;height:65px;margin:0;background:#2457ff;mask:url('/assets/social-church-member-logo.png') center/contain no-repeat;-webkit-mask:url('/assets/social-church-member-logo.png') center/contain no-repeat}header{gap:18px}@media(max-width:760px){header .brand .member-logo{width:170px;height:46px}header>a:last-child{max-width:145px;font-size:12px}}

#member-code{font-size:26px;letter-spacing:.45em;text-align:center;font-variant-numeric:tabular-nums}#code-email{overflow-wrap:anywhere}

.member-activity{margin:24px 0;padding:22px 0;border-top:1px solid #e3e6dd;border-bottom:1px solid #e3e6dd}.member-activity h3{font-size:19px;font-weight:600;margin:0 0 8px}.member-activity #activity-list{list-style:none;padding:0;margin:0}.member-activity li{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:16px 0;border-top:1px solid #eff0eb}.member-activity li strong{font-size:14px;font-weight:600}.member-activity time{font-size:12px;color:#70766b;grid-column:1}.activity-receipt{grid-column:2;grid-row:1/3;align-self:center;background:#edf2e9;color:#41613c;font-size:11px;padding:5px 8px;border-radius:20px}.card #activity-status{font-size:13px;margin:8px 0}.member-activity button{margin:12px 0 0}#activity-status:empty{display:none}
