:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#141414;--paper:#fcfbf7;--field:#f1efe7;--line:#dfd9ca;--moss:#4f6f52;--berry:#a64052;--lake:#376d8a;--amber:#d99a2b}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.invite-page{grid-template-columns:minmax(0,1fr) minmax(280px,480px);min-height:100vh;display:grid}.invite-visual{background:linear-gradient(135deg, #4f6f522e, transparent 40%), linear-gradient(20deg, #a6405224, transparent 36%), var(--field);align-content:center;gap:18px;min-height:100vh;padding:56px;display:grid}.phone-frame{border:1px solid var(--line);background:#fff;border-radius:34px;width:min(360px,100%);padding:18px;box-shadow:0 24px 60px #1414141f}.proof-photo{aspect-ratio:4/3;background-color:#0000;background-image:linear-gradient(145deg,#376d8a8c,#4f6f5259),url("data:image/svg+xml,%3Csvg width='640' height='480' viewBox='0 0 640 480' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='640' height='480' fill='%238fb49c'/%3E%3Ccircle cx='120' cy='110' r='58' fill='%23f4c96b'/%3E%3Cpath d='M0 336c92-84 178-90 258-18 92-98 206-116 382 10v152H0z' fill='%234f6f52'/%3E%3Cpath d='M0 388c120-44 247-35 382 27 98 45 177 55 258 30v35H0z' fill='%23376d8a'/%3E%3C/svg%3E");background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:18px}.quest-strip{gap:10px;padding-top:14px;display:grid}.quest-line{background:var(--field);border-radius:8px;height:12px}.quest-line.short{background:#a6405233;width:62%}.invite-content{border-left:1px solid var(--line);background:#fff;align-content:center;gap:24px;padding:42px;display:grid}.eyebrow{color:var(--berry);letter-spacing:0;text-transform:uppercase;font-size:13px;font-weight:800}h1{letter-spacing:0;margin:0;font-size:clamp(38px,7vw,72px);line-height:.94}p{color:#555;margin:0;font-size:18px;line-height:1.55}.actions{flex-wrap:wrap;gap:12px;display:flex}.button{border-radius:8px;justify-content:center;min-height:48px;padding:14px 18px;font-weight:800;display:inline-flex}.button.primary{background:var(--ink);color:var(--paper)}.button.secondary{background:var(--field);color:var(--ink)}@media (max-width:820px){.invite-page{grid-template-columns:1fr}.invite-visual{min-height:38vh;padding:24px}.invite-content{border-left:0;border-top:1px solid var(--line);padding:28px 22px 40px}}
