@import"https://fonts.googleapis.com/css2?family=Bevan&family=JetBrains+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&display=swap";:root{--paper: #F4F0E6;--paper-2: #ECE7DA;--paper-3: #E3DDCD;--white: #FBF9F2;--ink: #0E1A24;--ink-2: #2B3742;--ink-3: #5C6772;--ink-4: #8B95A0;--rule: #D7D0BD;--rule-2: #C9C1AB;--teal: #0F8A78;--teal-deep: #0A6B5D;--teal-soft: #D8ECE7;--orange: #E64A1F;--orange-deep: #B83612;--orange-soft: #FBDDD0;--d-bg: #0B1620;--d-bg-2: #0E1A24;--d-bg-3: #131F2B;--d-bg-4: #1A2632;--d-rule: rgba(244, 240, 230, .08);--d-rule-2: rgba(244, 240, 230, .18);--d-fg: #F4F0E6;--d-fg-2: rgba(244, 240, 230, .78);--d-fg-3: rgba(244, 240, 230, .52);--d-fg-4: rgba(244, 240, 230, .32);--font-display: "Bevan", "Roboto Slab", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-italic: "Newsreader", "Iowan Old Style", Georgia, serif;--t-body: 13px;--t-label: 11px;--t-micro: 10px;--ease: cubic-bezier(.2, .7, .2, 1);--dur-1: 80ms;--dur-2: .14s;--dur-3: .22s}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--d-bg);color:var(--d-fg);font-family:var(--font-mono);font-size:var(--t-body);-webkit-font-smoothing:antialiased;overflow:hidden}.mf-shell{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 32px;height:100vh}.topbar{display:flex;align-items:center;gap:18px;padding:0 18px;background:var(--d-bg);border-bottom:1px solid var(--d-rule);min-width:0}.topbar>*{flex-shrink:0}.topbar .crumb{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 1100px){.topbar .crumb{display:none}}@media (max-width: 820px){.topbar .meta{display:none}}.topbar .logo{display:flex;align-items:stretch;gap:0;font-family:var(--font-display);font-size:22px;line-height:1;text-decoration:none;letter-spacing:.005em}.topbar .logo .a{color:var(--d-fg);padding:4px 6px 2px 0}.topbar .logo .b{color:var(--d-fg);background:var(--teal);padding:4px 6px 2px}.topbar .crumb{font:500 11px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--d-fg-3);display:flex;align-items:center;gap:8px}.topbar .crumb .sep{color:var(--d-fg-4)}.topbar .crumb b{color:var(--d-fg);font-weight:500}.topbar .right{margin-left:auto;display:flex;align-items:center;gap:18px}.topbar .meta{font:500 10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--d-fg-3);display:flex;align-items:center;gap:6px}.topbar .meta .dot{width:7px;height:7px;border-radius:999px;background:var(--teal);box-shadow:0 0 0 3px #0f8a782e}.topbar .lnk{font:500 11px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--d-fg-2);cursor:pointer;padding:6px 0;border-bottom:1px solid transparent;text-decoration:none;transition:color var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease)}.topbar .lnk:hover{color:var(--d-fg);border-bottom-color:var(--d-fg)}.main{display:grid;grid-template-columns:minmax(420px,540px) 1fr;overflow:hidden;min-height:0}@media (max-width: 1100px){.main{grid-template-columns:minmax(380px,460px) 1fr}}@media (max-width: 900px){.main{grid-template-columns:minmax(360px,420px) 1fr}}.form-pane{background:var(--d-bg);border-right:1px solid var(--d-rule);overflow-y:auto;padding:32px 36px 24px;display:flex;flex-direction:column;gap:0;min-width:0}@media (min-width: 1280px){.form-pane{padding:40px 48px 28px}}.form-pane .eyebrow{font:500 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--d-fg-3);display:flex;align-items:center;gap:10px;margin-bottom:22px}.form-pane .eyebrow .dot{width:6px;height:6px;border-radius:999px;background:var(--orange);box-shadow:0 0 0 3px #e64a1f33}.form-pane .eyebrow b{color:var(--d-fg);font-weight:500}.form-pane h1.headline{font-family:var(--font-display);font-weight:400;font-size:clamp(38px,4.2vw,52px);line-height:.96;color:var(--d-fg);margin:0 0 18px;letter-spacing:-.005em;text-wrap:balance}.form-pane h1.headline em{font-family:var(--font-italic);font-style:italic;font-weight:400;color:var(--teal);letter-spacing:-.01em}.form-pane p.sub{font-family:var(--font-italic);font-style:italic;font-size:15px;line-height:1.5;color:var(--d-fg-2);margin:0 0 22px;max-width:42ch;text-wrap:pretty}.form-pane p.sub b{font-family:var(--font-mono);font-style:normal;font-weight:500;font-size:13px;color:var(--d-fg);background:#f4f0e60f;padding:1px 5px;border-radius:2px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.field .lab{display:flex;align-items:center;gap:8px;font:500 10px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--d-fg-3)}.field .lab .num{color:var(--teal);font-weight:500}.field .lab .opt{color:var(--d-fg-4);font-weight:400;margin-left:auto}.field input[type=text],.field input[type=email]{background:var(--d-bg-3);border:1px solid var(--d-rule);border-radius:2px;padding:11px 12px;font:400 13px/1.4 var(--font-mono);color:var(--d-fg);outline:none;transition:border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.field input::placeholder{color:var(--d-fg-4)}.field input:focus{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}.pills{display:flex;flex-wrap:wrap;gap:6px}.role-group{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.role-head{font:500 9px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--d-fg-4);flex-shrink:0;min-width:90px}.role-pills{flex:1}.pill{font:500 10px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;border-radius:2px;border:1px solid var(--d-rule);background:var(--d-bg-3);color:var(--d-fg-2);cursor:pointer;transition:all var(--dur-2) var(--ease);-webkit-user-select:none;user-select:none}.pill:hover{background:var(--d-bg-4);border-color:var(--d-rule-2);color:var(--d-fg)}.pill.sel{background:var(--teal);color:#fff;border-color:var(--teal)}.pill.sel:hover{background:var(--teal-deep);border-color:var(--teal-deep)}.toggle-row{display:flex;align-items:center;gap:4px;background:var(--d-bg-3);border:1px solid var(--d-rule);border-radius:2px;padding:4px;width:max-content}.toggle-row .opt{font:500 10px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;padding:7px 12px;border-radius:2px;color:var(--d-fg-3);cursor:pointer;transition:all var(--dur-2) var(--ease)}.toggle-row .opt:hover{color:var(--d-fg)}.toggle-row .opt.sel{background:var(--d-bg);color:var(--d-fg);box-shadow:inset 0 0 0 1px var(--d-rule-2)}.submit-row{margin-top:8px;display:flex;align-items:stretch;gap:0;border:1px solid var(--teal);border-radius:2px;overflow:hidden;background:var(--teal);transition:filter var(--dur-2) var(--ease)}.submit-row .stamp{font:500 10px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--d-fg);background:var(--teal-deep);padding:0 14px;display:flex;align-items:center;gap:8px;border-right:1px solid rgba(0,0,0,.25)}.submit-row .stamp .glyph{color:var(--d-fg)}.submit-row button.go{flex:1;background:var(--teal);color:#fff;border:0;padding:14px 18px;font:600 13px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background var(--dur-2) var(--ease)}.submit-row:hover button.go{background:var(--teal-deep)}.submit-row button.go .arr{font-family:var(--font-mono);font-weight:400}.submit-row.orange{border-color:var(--orange);background:var(--orange)}.submit-row.orange .stamp{background:var(--orange-deep)}.submit-row.orange button.go{background:var(--orange)}.submit-row.orange:hover button.go{background:var(--orange-deep)}.signin-line{margin-top:14px;font:500 11px/1.5 var(--font-mono);letter-spacing:.04em;color:var(--d-fg-3);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.signin-line a{color:var(--d-fg);border-bottom:1px solid var(--d-fg-4);text-decoration:none;padding-bottom:1px}.signin-line a:hover{border-bottom-color:var(--d-fg)}.form-foot{margin-top:auto;padding-top:28px;border-top:1px solid var(--d-rule);display:flex;align-items:center;gap:14px;flex-wrap:wrap;font:500 10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--d-fg-3)}.form-foot .sep{color:var(--d-fg-4)}.form-foot b{color:var(--d-fg);font-weight:500}.note-italic{border:1px dashed var(--d-rule-2);background:#0f8a7814;padding:10px 12px;border-radius:2px;font-family:var(--font-italic);font-style:italic;font-size:13px;line-height:1.5;color:var(--d-fg-2);margin-bottom:22px}.note-italic b{font-family:var(--font-mono);font-style:normal;font-weight:500;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}.logos-strip{margin-top:4px;margin-bottom:24px;padding:12px 0;border-top:1px solid var(--d-rule);border-bottom:1px solid var(--d-rule);display:flex;align-items:center;gap:18px;flex-wrap:wrap}.logos-strip .lab{font:500 9px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--d-fg-4);flex-shrink:0}.logos-strip .logo-chip{font-family:var(--font-display);font-size:13px;color:var(--d-fg-2);letter-spacing:.04em;font-weight:400}.logos-strip .logo-chip.italic{font-family:var(--font-italic);font-style:italic;font-size:14px;letter-spacing:0}.logos-strip .sep{color:var(--d-fg-4);font-size:12px}.success-card{border:1px solid var(--teal);background:#0f8a781a;border-radius:4px;padding:18px 20px;margin-top:8px}.success-card .head{display:flex;align-items:center;gap:8px;font:500 11px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:8px}.success-card .head .dot{width:8px;height:8px;border-radius:999px;background:var(--teal)}.success-card .title{font-family:var(--font-display);font-size:28px;line-height:1;color:var(--d-fg);margin-bottom:8px}.success-card .body{font-family:var(--font-italic);font-style:italic;font-size:14px;line-height:1.5;color:var(--d-fg-2)}.success-card .body b{font-family:var(--font-mono);font-style:normal;font-size:12px;color:var(--d-fg);font-weight:500}.preview-pane{position:relative;overflow:hidden;background:var(--d-bg);min-width:0}.preview-pane>#tsparticles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.preview-pane>#tsparticles canvas{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important}.preview-pane .overlay{z-index:1}.preview-pane .overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 65% 50%,transparent 30%,rgba(11,22,32,.55) 100%),linear-gradient(90deg,#0b16204d,#0b162000 18%),linear-gradient(180deg,#0b162033,#0b162000 25%,#0b162000 70%,#0b16208c)}.preview-pane .corner{position:absolute;font:500 10px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#f4f0e6c7;display:flex;align-items:center;gap:8px;z-index:3}.preview-pane .corner.tl{top:18px;left:22px}.preview-pane .corner.tr{top:18px;right:22px}.preview-pane .corner.bl{bottom:18px;left:22px}.preview-pane .corner.br{bottom:18px;right:22px}.preview-pane .corner .dot{width:6px;height:6px;border-radius:999px;background:var(--teal);box-shadow:0 0 0 3px #0f8a7833}.preview-pane .corner .dot.orange{background:var(--orange);box-shadow:0 0 0 3px #e64a1f33}.preview-pane .corner .sep{color:#f4f0e659}.preview-pane .corner b{color:#fff;font-weight:500}.invite-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--d-bg-2);border:1px solid var(--d-rule-2);border-radius:4px;box-shadow:0 24px 60px -16px #0000008c,0 2px #0006;padding:22px 24px;width:380px;z-index:4}.invite-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--teal);border-radius:3px 3px 0 0}.invite-card .head{display:flex;align-items:center;gap:8px;font:500 10px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--d-fg-3);margin-bottom:14px}.invite-card .head .dot{width:7px;height:7px;border-radius:999px;background:var(--teal);animation:pulse 1.8s ease-in-out infinite}.invite-card .head b{color:var(--d-fg);font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.invite-card .count{font-family:var(--font-display);font-size:68px;line-height:1;color:var(--teal);letter-spacing:-.01em;display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.invite-card .count .of{font-family:var(--font-mono);font-size:18px;color:var(--d-fg-3);font-weight:400;letter-spacing:0;white-space:nowrap}.invite-card .label{font:500 11px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--d-fg-2);margin-bottom:14px}.invite-card .progress{height:4px;background:#f4f0e61a;border-radius:2px;overflow:hidden;margin-bottom:10px}.invite-card .progress .fill{height:100%;background:var(--teal)}.invite-card .meta{display:flex;justify-content:space-between;font:500 9px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--d-fg-3)}.invite-card .meta b{color:var(--d-fg);font-weight:500}.mf-logo{display:block;line-height:0;margin-bottom:24px}.mf-logo img{display:block;height:25px;width:auto}.marquee-strip{position:absolute;top:0;left:0;right:0;background:var(--d-bg);color:var(--d-fg-2);border-bottom:1px solid var(--d-rule);display:flex;align-items:center;gap:18px;padding:0 22px;height:56px;font:500 10px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;z-index:2;overflow:hidden}.marquee-strip:after{content:"";position:absolute;right:0;top:0;bottom:0;width:80px;background:linear-gradient(90deg,transparent,var(--d-bg));pointer-events:none}.marquee-strip .head{color:var(--d-fg);display:flex;align-items:center;gap:8px;flex-shrink:0}.marquee-strip .head .dot{width:7px;height:7px;border-radius:999px;background:var(--orange);box-shadow:0 0 0 3px #e64a1f2e;animation:pulse 1.8s ease-in-out infinite}.marquee-strip .item{color:var(--d-fg-2);white-space:nowrap}.marquee-strip .item b{color:var(--teal);font-weight:500}.marquee-strip .item .o{color:var(--orange);font-weight:500}.marquee-strip .item em{color:var(--d-fg);font-style:normal}.marquee-strip .sep{color:var(--d-fg-4)}.statusbar{background:var(--d-bg-2);border-top:1px solid var(--d-rule);display:flex;align-items:center;gap:10px;padding:0 22px;font:500 10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--d-fg-3);white-space:nowrap;overflow:hidden}.statusbar b{color:var(--d-fg);font-weight:500}.statusbar .ok{color:var(--teal)}.statusbar .sep{color:var(--d-fg-4)}.statusbar .right{margin-left:auto;display:flex;gap:14px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--d-rule-2);border-radius:999px;border:2px solid var(--d-bg)}::-webkit-scrollbar-track{background:transparent}@media (max-width: 820px){html,body,#root{height:auto;min-height:100%}body{overflow-y:auto;overflow-x:hidden}.mf-shell{grid-template-rows:auto auto;height:auto;min-height:100vh}.main{grid-template-columns:1fr;overflow:visible;min-height:0}.form-pane{order:1;overflow-y:visible;border-right:0;padding:28px 22px 24px}.preview-pane{order:2;height:56vh;min-height:360px;border-top:1px solid var(--d-rule)}.invite-card{width:calc(100% - 32px);max-width:360px;padding:20px 22px}.invite-card .count{font-size:56px}.invite-card .count .of{font-size:16px}.preview-pane .corner.bl,.preview-pane .corner.br{font-size:9px}.preview-pane .corner.bl{left:14px;bottom:14px}.preview-pane .corner.br{right:14px;bottom:14px}.mf-logo{margin-bottom:20px}.mf-logo img{height:22px}.form-pane h1.headline{font-size:clamp(34px,9vw,44px);margin-bottom:14px}.form-pane p.sub{font-size:14px;margin-bottom:18px}.field{margin-bottom:16px}.statusbar{flex-wrap:wrap;padding:6px 14px;height:auto;font-size:9px;line-height:1.4;gap:6px}.statusbar .right{margin-left:0}}@media (max-width: 380px){.invite-card .count{font-size:48px}.invite-card .count .of{font-size:14px}.form-pane{padding:24px 18px 22px}.preview-pane{height:52vh;min-height:320px}}
