.vre-join{--join-blue:#38bdf8;color:#f3f4fa;isolation:isolate;background:#080a0f;flex-direction:column;min-height:100svh;font-family:Outfit,sans-serif;display:flex;position:relative;overflow:hidden}.vre-join-grid{z-index:-2;background:linear-gradient(#ffffff04 1px,#0000 1px) 0 0/64px 64px,linear-gradient(90deg,#ffffff04 1px,#0000 1px) 0 0/64px 64px,radial-gradient(at 0 0,#134b822e,#0000 65%);position:absolute;inset:0}.vre-join-orbit{z-index:-1;background:conic-gradient(#0000 70%,#38bdf812 99%,#0000);border:1px solid #38bdf82b;border-radius:50%;width:65vw;height:65vw;animation:32s linear infinite join-radar;position:absolute;top:10vh;right:-30vw;box-shadow:0 0 0 70px #38bdf805,0 0 0 140px #38bdf804,inset 0 0 100px #38bdf80a}.vre-join header,.vre-join footer{justify-content:space-between;align-items:center;gap:20px;padding:26px 6vw;display:flex}.vre-join header{border-bottom:1px solid #ffffff0e}.vre-join header img{object-fit:contain;width:180px;max-height:65px}.vre-join header>span,.vre-join-eyebrow,.vre-join-step{letter-spacing:2px;color:#a5b5c7;font:10px ui-monospace,monospace}.vre-join header i{background:#38bdf8;border-radius:50%;width:6px;height:6px;margin-left:12px;display:inline-block;box-shadow:0 0 12px #38bdf8}.vre-join-card{flex:1;width:min(760px,88vw);margin:clamp(40px,8vh,100px) auto}.vre-join h1{letter-spacing:-2px;outline:none;margin:24px 0;font-size:clamp(38px,6vw,70px);font-weight:450;line-height:1.06}.vre-join h1>span{color:#60baff}.vre-join p{color:#9eaabb;max-width:580px;font-size:17px;line-height:1.6}.vre-join-stage{animation:.45s ease-out join-enter}.vre-join-stage>input,.vre-join select{color:#fff;background:0 0;border:0;border-bottom:1px solid #38bdf860;outline:none;width:100%;margin:20px 0;padding:16px 0;font:clamp(20px,3vw,32px) Outfit,sans-serif}.vre-join select{font-size:22px}.vre-join option{color:#fff;background:#101620}.vre-join-stage>input:focus,.vre-join select:focus{border-color:#38bdf8;box-shadow:0 2px #38bdf8}.vre-join-chips{flex-wrap:wrap;gap:10px;margin:30px 0;display:flex}.vre-join-chips span{color:#a6b9cf;background:#ffffff03;border:1px solid #ffffff15;border-radius:6px;padding:9px 14px;font:11px ui-monospace,monospace}.vre-join-chips span:nth-child(2){border-color:#f43f5e30}.vre-join-chips span:nth-child(3){border-color:#a78bfa30}.vre-join-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:34px;display:flex}.vre-join-actions button{cursor:pointer;background:#ffffff06;border:1px solid #ffffff20;border-radius:9px;align-items:center;gap:28px;min-height:54px;padding:17px 20px;display:flex}.vre-join-actions button[type=submit],.vre-join-actions button:last-of-type:not(:first-child){color:#fff;background:#1666ce;border-color:#3889f5;box-shadow:0 8px 30px #1666ce20}.vre-join-actions button:disabled{opacity:.4;cursor:default}.vre-join-actions small{color:#8594a8;font:10px ui-monospace,monospace}.vre-join-progress{background:#ffffff0d;height:2px;margin-top:34px}.vre-join-progress span{background:linear-gradient(90deg,#38bdf8,#a78bfa);height:100%;transition:width .5s;display:block}.vre-join footer{color:#8391a5;border-top:1px solid #ffffff0a;flex-wrap:wrap;font-size:11px}.vre-join footer>span{align-items:center;gap:8px;display:flex}.vre-join footer b{color:#d5dae4;font-size:17px;font-weight:400}.vre-join-purple{color:#aa70ff}.vre-join dl{border-top:1px solid #ffffff15}.vre-join dl>div{border-bottom:1px solid #ffffff15;grid-template-columns:85px minmax(0,1fr) auto;align-items:center;gap:15px;padding:14px 0;display:grid}.vre-join dt{color:#8797ac;font-size:12px}.vre-join dd{overflow-wrap:anywhere}.vre-join dl button{color:#60baff;font-size:12px}.vre-join-consent{color:#abb8c9;align-items:flex-start;gap:12px;margin:24px 0;font-size:13px;line-height:1.6;display:flex}.vre-join-consent input{accent-color:#1666ce;flex:none;width:20px;height:20px;margin-top:3px}.vre-join .vre-join-error{color:#fda4af;font-size:14px}.vre-join-trap{position:absolute;left:-9999px}.vre-join button:focus-visible,.vre-join a:focus-visible{outline-offset:5px;outline:2px solid #38bdf8}@keyframes join-radar{to{transform:rotate(360deg)}}@keyframes join-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=550px){.vre-join header img{width:135px}.vre-join header>span{letter-spacing:1px;font-size:8px}.vre-join h1{letter-spacing:-1px}.vre-join footer{padding-bottom:28px}.vre-join dl>div{grid-template-columns:65px minmax(0,1fr) auto;gap:8px}.vre-join-card{margin-top:45px}.vre-join-orbit{width:100vw;height:100vw;top:30vh;right:-70vw}}@media (prefers-reduced-motion:reduce){.vre-join-orbit,.vre-join-stage{animation:none}.vre-join-progress span{transition:none}}.vre-demo .vre-demo-options{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}.vre-demo .vre-demo-choice{border:1px solid var(--demo-border);min-height:48px;color:var(--demo-text);background:var(--demo-surface);cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:14px;font-size:15px;display:flex}.vre-demo .vre-demo-choice:has(input:checked){background:var(--demo-selected);border-color:var(--demo-accent)}.vre-demo input[type=checkbox],.vre-demo input[type=radio]{accent-color:var(--demo-accent);flex:none;width:18px;height:18px}.vre-demo .vre-demo-social{color:var(--demo-muted);margin:20px 0;font-size:14px;display:block}.vre-demo .vre-demo-social input,.vre-demo textarea{border:1px solid var(--demo-border);background:var(--demo-surface);width:100%;color:var(--demo-text);border-radius:6px;margin-top:8px;padding:12px;font:16px Outfit,sans-serif;display:block}.vre-demo textarea{resize:vertical;min-height:125px}.vre-demo .vre-join-actions button{white-space:normal;border-radius:6px;height:auto}.vre-demo .vre-join-actions .vre-demo-back{background:var(--demo-surface);color:var(--demo-text);border-color:var(--demo-border);box-shadow:none}.vre-demo .vre-demo-link{color:var(--demo-accent);align-items:center;gap:8px;min-height:44px;margin-top:24px;text-decoration:underline;display:inline-flex}.vre-demo .vre-join-card h1{letter-spacing:0;overflow-wrap:break-word;font-size:48px}.vre-demo .vre-join-progress progress{width:100%;height:4px;accent-color:var(--demo-accent);display:block}.vre-demo dl dd{margin:0}.vre-demo dl button{white-space:normal;height:auto}@media (width<=550px){.vre-demo .vre-join-card h1{font-size:36px}.vre-demo header{flex-wrap:wrap;gap:12px}.vre-demo .vre-join-card{margin-top:30px}.vre-demo .vre-demo-choice{flex:145px}}