@font-face{font-family:Manrope;src:url('/assets/Manrope-VF.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{font-family:Manrope,Arial,sans-serif;color:#123126;background:#f8f8f3;font-synthesis:none;--forest:#1c4632;--muted:#496052;--line:#dce3d6}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}[hidden]{display:none!important}
.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 clamp(24px,7vw,112px);background:#fffdf9;border-bottom:1px solid #ecece4}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:Georgia,serif;font-size:28px;font-weight:700;white-space:nowrap}.brand img{object-fit:contain}.site-header nav{display:flex;gap:32px;font-size:14px}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-decoration:underline}
main{min-height:calc(100svh - 142px);padding:36px 24px;display:grid;place-items:center;background:linear-gradient(90deg,rgba(248,248,243,.12),rgba(248,248,243,.46) 35%,rgba(248,248,243,.26)),url('/assets/pothos-hero.jpg') center 55%/cover no-repeat}
.invitation-card{width:min(100%,570px);padding:30px 54px 28px;text-align:center;background:rgba(255,253,249,.97);border:1px solid rgba(255,255,255,.75);border-radius:23px;box-shadow:0 12px 40px rgba(18,49,38,.14)}
.card-brand{display:flex;flex-direction:column;align-items:center;gap:0;font-family:Georgia,serif;font-size:30px;font-weight:700;margin:0 0 14px}.card-brand img{object-fit:contain;margin-bottom:2px}
h1{font-size:44px;font-weight:800;line-height:1.14;letter-spacing:-1.5px;margin:0 0 14px}.lead{font-size:18px;line-height:1.55;color:var(--muted);margin:0 0 22px}.button{width:100%;min-height:54px;display:flex;align-items:center;justify-content:center;gap:18px;border-radius:9px;font-size:16px;font-weight:700;text-decoration:none;cursor:pointer;padding:13px 17px}.primary{color:#fff;background:var(--forest);border:1px solid var(--forest)}.primary:hover{background:#123224}.primary span{font-size:25px;line-height:1;font-weight:400}.secondary{color:#123126;background:transparent;border:1px solid #1c4632}.secondary:hover{background:#eef2e9}.button:active{transform:translateY(1px)}:focus-visible{outline:3px solid #a35400;outline-offset:4px}
.fallback-note{font-size:13px;color:var(--muted);line-height:1.5;margin:13px 0 16px}.check-note{font-size:12px;color:var(--muted);margin:12px 0 0}.status{font-size:13px;color:var(--forest);margin:0;line-height:1.4}.status:not(:empty){margin-top:12px}#manual-copy{margin-top:16px;text-align:left}#manual-copy label{display:block;font-size:13px;margin-bottom:7px}#invitation-code{width:100%;padding:10px;border:1px solid var(--forest);border-radius:6px;font-size:14px;color:#123126;background:#fff}
.card-footer{border-top:1px solid var(--line);padding-top:21px;margin-top:26px;display:flex;justify-content:center;align-items:center;gap:20px;font-size:12px}.card-footer span{color:#9ba79e}.legal{min-height:52px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:22px;padding:14px 20px;font-size:11px;color:var(--muted);background:#fffdf9}#missing h1{font-size:31px;letter-spacing:-.7px}#missing .lead{font-size:16px}#missing .primary{margin-top:24px}
@media(max-width:640px){.site-header{display:none}main{min-height:calc(100svh - 64px);padding:44px 24px 128px;align-items:start;background:linear-gradient(#fffdf9 0%,#fffdf9 72%,rgba(255,253,249,.93) 81%,rgba(255,253,249,.1) 100%),url('/assets/pothos-hero.jpg') center bottom/auto 55% no-repeat}.invitation-card{padding:0;width:min(100%,390px);border:0;border-radius:0;background:transparent;box-shadow:none}.card-brand{font-size:27px;margin-bottom:25px}.card-brand img{width:48px;height:58px;margin-bottom:5px}h1{font-size:37px;letter-spacing:-1.3px;margin-bottom:16px}.lead{font-size:16px;line-height:1.5;margin-bottom:26px}.button{min-height:55px;font-size:15px}.fallback-note{font-size:12px;margin:14px 4px 18px}.check-note{font-size:11px;margin-top:14px}.card-footer{margin-top:30px;padding-top:22px;gap:17px;font-size:11px}.legal{min-height:64px;gap:18px;background:#fffdf9}#missing h1{font-size:28px}#missing .lead{font-size:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.button:active{transform:none}}