:root{--bg: #f9fbfb;--navy: #3b4962;--orange: #fd8003;--orange-deep: #e98215;--mark: #fe6b00;--muted: #667691;--card: #ffffff;--line: #f0e4d6;--shadow: 0 22px 60px rgba(59, 73, 98, .12);font-family:Montserrat,Segoe UI,sans-serif;color:var(--navy);background:var(--bg)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg)}button{font-family:inherit}.invite{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:36px 16px 32px;background:radial-gradient(440px 160px at 0 0,rgba(253,128,3,.42),transparent 72%),radial-gradient(440px 160px at 100% 0,rgba(253,128,3,.34),transparent 72%),linear-gradient(#fd8003,#fd8003) left / 8px 100% no-repeat,var(--bg)}.card{width:min(860px,100%);margin:auto 0;padding:32px 36px 28px;border-radius:32px;background:var(--card);box-shadow:var(--shadow)}.brand{display:flex;align-items:center;justify-content:center;gap:28px}.brand-rule{width:2px;align-self:stretch;margin:8px 0;background:var(--mark);opacity:.85}.logo{display:flex;align-items:center;gap:12px;min-width:0}.logo img{width:72px;height:auto;flex:none}.logo p{margin:0;text-align:left}.logo strong,.logo small,.logo strong span,.logo small span{display:block}.logo strong{color:var(--mark);font-size:15px;font-weight:800;letter-spacing:.035em;line-height:1.05;text-transform:uppercase}.logo small{margin-top:7px;color:#c65a12;font-size:9px;font-weight:700;letter-spacing:.08em;line-height:1.25;text-transform:uppercase}.logo small:before{content:"";display:block;width:16px;height:2px;margin-bottom:5px;background:currentColor}.kicker{margin:28px 0 0;color:var(--navy);font-size:22px;font-style:italic;font-weight:700;line-height:1.2;text-align:center}h1{margin:8px 0 0;color:var(--mark);font-size:clamp(42px,6vw,64px);font-weight:800;letter-spacing:-.035em;line-height:.9;text-align:center;text-transform:uppercase}.lead{max-width:34rem;margin:16px auto 0;color:var(--navy);font-size:16px;font-weight:600;line-height:1.45;text-align:center}.modules{margin-top:26px}.modules h2{display:table;margin:0 auto;padding:8px 16px;border-radius:999px;background:var(--orange);color:#fff;font-size:14px;font-weight:700;line-height:1}.modules ul{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 0;padding:0;list-style:none}.modules li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:104px;padding:14px 10px;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:center}.modules li.more{border-color:transparent;background:#fff4ea;color:var(--orange)}.modules svg{width:28px;height:28px;color:var(--orange)}.modules span{color:var(--navy);font-size:13px;font-weight:700;line-height:1.25}.modules li.more span{color:var(--orange-deep)}.facts{display:grid;grid-template-columns:1fr auto 1.3fr;gap:8px 18px;align-items:center;margin:22px 0 0;padding:18px 0 0;border-top:1px solid var(--line);list-style:none}.facts li{display:flex;align-items:center;gap:10px;min-width:0}.facts svg{width:36px;height:36px;flex:none;padding:7px;border-radius:50%;background:#fff4ea;color:var(--orange)}.facts p{margin:0}.facts strong,.facts span{display:block}.facts strong{font-size:15px;font-weight:800;line-height:1.2}.facts span{margin-top:2px;color:var(--muted);font-size:12px;font-weight:600;line-height:1.3}.actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.btn{min-width:180px;padding:14px 18px;border-radius:8px;font-size:14px;font-weight:700;letter-spacing:.04em;line-height:1;text-transform:uppercase}.btn:disabled{opacity:1;cursor:default}.btn-yes{border:0;background:var(--orange);color:#fff}.btn-no{border:1.5px solid var(--navy);background:#fff;color:var(--navy)}.disclaimer{max-width:34rem;margin:16px auto 0;padding:0 16px;color:var(--muted);font-size:14px;font-weight:600;line-height:1.5;text-align:center}@media (max-width: 760px){.card{padding:24px 16px 20px;border-radius:24px}.brand{flex-direction:column;align-items:flex-start;gap:16px}.brand-rule{width:100%;height:2px;margin:0;align-self:auto}.logo img{width:64px}.logo strong{font-size:14px}h1{font-size:40px}.modules ul{grid-template-columns:1fr 1fr}.facts{grid-template-columns:1fr;gap:14px}.actions{flex-direction:column}.btn{width:100%}}
