#prejoin-backdrop{font-family:Inter,'Segoe UI',Arial,sans-serif;color:#f7f3ff;background:#100d20;--muted:#bcb2d3;--line:#57456f;--violet:#aa56ff}
#prejoin-backdrop *{box-sizing:border-box}
#prejoin-backdrop{margin:0;min-height:100vh;background:radial-gradient(ellipse at 86% 83%,#46206b 0,transparent 34%),radial-gradient(ellipse at 5% 90%,#341952 0,transparent 30%),#110e22}
#prejoin-backdrop button,#prejoin-backdrop textarea{font:inherit}
#prejoin-backdrop button{cursor:pointer}
#prejoin-backdrop button:focus-visible,#prejoin-backdrop textarea:focus-visible,#prejoin-backdrop input:focus-visible{outline:2px solid #d7a3ff;outline-offset:3px}
#prejoin-backdrop .g2-header{height:70px;border-bottom:1px solid #49365e;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(18px,4vw,60px);background:#140f24cc}
#prejoin-backdrop .brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800}
#prejoin-backdrop .brandmark{color:#b767ff;font-size:31px;letter-spacing:-6px;margin-right:5px}
#prejoin-backdrop .language{border:1px solid #524168;background:#201a35;border-radius:22px;color:#eee;padding:9px 14px}
#prejoin-backdrop .container{max-width:1240px;margin:auto;padding:26px 20px 70px}
#prejoin-backdrop .back{color:#c9afea;text-decoration:none;font-size:14px}
#prejoin-backdrop .intro{text-align:center;margin:8px 0 26px}
#prejoin-backdrop .intro .eyebrow{display:inline-block;background:#33214f;border:1px solid #4c3272;border-radius:16px;padding:6px 14px;color:#d4b2ff;font-size:12px}
#prejoin-backdrop .intro h1{font-size:clamp(27px,3vw,38px);margin:11px 0 8px;letter-spacing:-.8px}
#prejoin-backdrop .intro p{color:#cfc4e1;margin:0;line-height:1.6}
#prejoin-backdrop .layout{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(270px,.95fr);gap:22px;align-items:start}
#prejoin-backdrop .panel{border:1px solid #57446d;background:linear-gradient(145deg,#251d3aee,#1c182eed);border-radius:20px;padding:30px;box-shadow:0 15px 55px #0002}
#prejoin-backdrop .field{margin-bottom:24px}
#prejoin-backdrop .fieldhead{display:flex;align-items:center;gap:12px;margin-bottom:12px}
#prejoin-backdrop .square{width:43px;height:43px;border-radius:11px;background:#4a286d;display:grid;place-items:center;color:#d6a1ff;font-size:23px}
#prejoin-backdrop .fieldhead strong{font-size:17px}
#prejoin-backdrop .required{font-size:12px;color:#ffb2c5;background:#62273f;padding:6px 10px;border-radius:15px}
#prejoin-backdrop .clear{margin-left:auto;background:none;border:0;color:#d0bddf;padding:8px}
#prejoin-backdrop .entry{position:relative;border:1px dashed #a16ec7;border-radius:14px;background:#352a4a7c;min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;transition:.15s}
#prejoin-backdrop .entry.drag{background:#604085a8;border-color:#e5bdff}
#prejoin-backdrop .entry textarea{width:100%;min-height:85px;resize:vertical;border:0;outline:none;background:transparent;color:#fff;text-align:center;line-height:1.5}
#prejoin-backdrop .entry textarea::placeholder{color:#e3d7f2}
#prejoin-backdrop .entry .helper{color:#b9a9d0;font-size:12px;margin:5px 0 0}
#prejoin-backdrop .entry .upload{background:none;border:0;color:#d6a0ff;text-decoration:underline;text-underline-offset:3px;padding:6px}
#prejoin-backdrop .filemeta{font-size:12px;color:#d9baff;margin-top:6px}
#prejoin-backdrop .error{color:#ffb7c9;font-size:13px;margin:9px 0 0;min-height:16px}
#prejoin-backdrop .confirm{display:flex;align-items:flex-start;gap:12px;margin:2px 0 24px;font-size:14px;line-height:1.5}
#prejoin-backdrop .confirm input{width:20px;height:20px;accent-color:#a452ff;margin:0;flex:none}
#prejoin-backdrop .option{width:100%;border:1px solid #584769;border-radius:14px;background:#282239;color:#f7f3ff;display:flex;align-items:center;gap:15px;text-align:left;padding:15px 17px;margin-bottom:10px}
#prejoin-backdrop .option.active{border:2px solid #b36aff;padding:14px 16px;background:#3b2b54}
#prejoin-backdrop .radio{width:22px;height:22px;border:2px solid #786c8c;border-radius:50%;flex:none}
#prejoin-backdrop .active .radio{border:6px solid #b665ff;background:#f4e8ff}
#prejoin-backdrop .option-icon{font-size:25px;color:#d4a2ff}
#prejoin-backdrop .option strong{display:block;font-size:15px}
#prejoin-backdrop .option small{display:block;color:#c3b7d7;margin-top:5px;line-height:1.4}
#prejoin-backdrop .pill{font-size:11px;background:#694393;border-radius:12px;padding:4px 8px;color:#f0ddff;margin-left:6px}
#prejoin-backdrop .start{width:100%;border:0;border-radius:13px;background:linear-gradient(100deg,#b650ff,#7c32e6);color:#fff;font-size:18px;font-weight:750;padding:19px;margin-top:12px;box-shadow:0 6px 22px #7c32e633}
#prejoin-backdrop .start:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
#prejoin-backdrop .status{text-align:center;color:#c8b9d9;font-size:13px;margin:13px 0 0;line-height:1.5}
#prejoin-backdrop .benefits{text-align:center;padding:31px 25px}
#prejoin-backdrop .docs{font-size:76px;margin:8px 0 18px;filter:drop-shadow(0 10px 18px #7d3ed44d)}
#prejoin-backdrop .benefits h2{font-size:23px;margin:5px 0 24px}
#prejoin-backdrop .benefit{display:flex;align-items:flex-start;gap:13px;text-align:left;margin:21px 0;line-height:1.55;font-size:14px}
#prejoin-backdrop .benefit .square{width:39px;height:39px;font-size:20px;flex:none}
#prejoin-backdrop .subtle{color:#baaed0;font-size:12px;margin-top:24px;line-height:1.5}
#prejoin-backdrop .notice{border:1px solid #7754a5;border-radius:12px;background:#38254e;padding:13px 16px;font-size:14px;line-height:1.6;margin-top:15px}
#prejoin-backdrop .notice[hidden]{display:none}
#prejoin-backdrop .agent-help{color:#c6b3dc;font-size:12px;margin:4px 0 12px 37px}
#prejoin-backdrop .agent-help[hidden]{display:none}
@media(max-width:850px){#prejoin-backdrop .layout{grid-template-columns:1fr}
#prejoin-backdrop .benefits{display:none}
#prejoin-backdrop .panel{padding:22px}
#prejoin-backdrop .intro{margin:12px 0 24px}
}
@media(max-width:480px){#prejoin-backdrop .g2-header{height:62px}
#prejoin-backdrop .brand{font-size:16px}
#prejoin-backdrop .brandmark{font-size:24px}
#prejoin-backdrop .language{font-size:12px}
#prejoin-backdrop .container{padding:18px 12px 40px}
#prejoin-backdrop .panel{padding:16px}
#prejoin-backdrop .intro p{font-size:13px}
#prejoin-backdrop .option{gap:9px}
#prejoin-backdrop .option small{font-size:11px}
#prejoin-backdrop .fieldhead strong{font-size:15px}
#prejoin-backdrop .entry{min-height:126px}
}
#prejoin-backdrop{--surface:#251d3a;--accent:#a65af4;--accent-hover:#bd79ff;--border:#66517f;--text:#f8f5ff;--muted:#c8bed9;--error:#ffb5c5}
#prejoin-backdrop .brandmark{display:inline-flex;align-items:center;gap:3px;margin-right:3px;height:32px;letter-spacing:normal}
#prejoin-backdrop .brandmark i{width:4px;background:linear-gradient(#d6a3ff,#8a4de7);border-radius:6px}
#prejoin-backdrop .brandmark i:nth-child(1),#prejoin-backdrop .brandmark i:nth-child(5){height:12px}
#prejoin-backdrop .brandmark i:nth-child(2),#prejoin-backdrop .brandmark i:nth-child(4){height:24px}
#prejoin-backdrop .brandmark i:nth-child(3){height:32px}
#prejoin-backdrop .icon{width:20px;height:20px;display:inline-block;flex:none;vertical-align:middle;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#prejoin-backdrop .square .icon{width:23px;height:23px}
#prejoin-backdrop .option-icon .icon{width:27px;height:27px}
#prejoin-backdrop .docs .icon{width:90px;height:90px;color:#c69cff;stroke-width:1.3}
#prejoin-backdrop .eyebrow .icon,#prejoin-backdrop .back .icon,#prejoin-backdrop .clear .icon,#prejoin-backdrop .upload .icon,#prejoin-backdrop .language .icon{width:16px;height:16px}
#prejoin-backdrop .eyebrow,#prejoin-backdrop .back,#prejoin-backdrop .language,#prejoin-backdrop .clear,#prejoin-backdrop .upload,#prejoin-backdrop .start{display:inline-flex;align-items:center;justify-content:center;gap:8px}
#prejoin-backdrop .back{justify-content:flex-start}
#prejoin-backdrop .language{min-height:38px}
#prejoin-backdrop .start{min-height:58px}
#prejoin-backdrop .start:disabled{background:#53416d;color:#d0c4df;opacity:1}
#prejoin-backdrop .start:not(:disabled):hover{filter:brightness(1.1)}
#prejoin-backdrop .required{background:#613045;color:#ffd0db}
#prejoin-backdrop .entry textarea{text-align:left;min-height:78px;padding:10px 12px}
#prejoin-backdrop .entry textarea::placeholder{color:#d0c2e0}
#prejoin-backdrop .entry:focus-within{border-color:#c28dff;background:#4031517c}
#prejoin-backdrop .clear:hover,#prejoin-backdrop .upload:hover,#prejoin-backdrop .back:hover{color:#f4dfff}
#prejoin-backdrop .option.active{border-color:#bd7cff}
#prejoin-backdrop .benefits{padding-top:32px}
#prejoin-backdrop .docs{margin:8px 0 12px}
#prejoin-backdrop .fieldhead .square{flex:none}
#prejoin-backdrop .option small{color:#d0c6df}
#prejoin-backdrop .status{color:#d3c9e2}
#prejoin-backdrop .filemeta{overflow-wrap:anywhere}

.prejoin-backdrop[hidden]{display:none!important}#prejoin-backdrop{position:fixed;inset:0;z-index:100;overflow:auto;background:radial-gradient(ellipse at 86% 83%,#46206b 0,transparent 34%),radial-gradient(ellipse at 5% 90%,#341952 0,transparent 30%),#110e22}
#prejoin-backdrop>.prejoin-modal{width:100%;min-height:100dvh;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;overflow:visible}
body.prejoin-open{overflow:hidden}body.prejoin-open>:not(#prejoin-backdrop):not(dialog):not(script):not(link):not(style){display:none!important}
#prejoin-backdrop .prejoin-sources{display:block}#prejoin-backdrop .prejoin-source{cursor:pointer;position:relative}#prejoin-backdrop .prejoin-source input{position:absolute;opacity:0;width:1px;height:1px}
#prejoin-backdrop .option:has(input:focus-visible){outline:2px solid #d7a3ff;outline-offset:3px}#prejoin-backdrop .option:has(input:disabled){opacity:.55;cursor:not-allowed}
#prejoin-backdrop .entry textarea{font-family:inherit}#prejoin-backdrop .prejoin-helper{margin:13px 0 0;text-align:center;color:#c8b9d9;font-size:13px;line-height:1.5}
#prejoin-backdrop .back{cursor:pointer}#prejoin-backdrop .prejoin-modal:focus{outline:none}#prejoin-backdrop .error:empty{min-height:16px}

#prejoin-backdrop{display:block;padding:0;margin:0}

#prejoin-backdrop{line-height:normal}#prejoin-backdrop .container{width:auto}#prejoin-backdrop .eyebrow{letter-spacing:normal;font-weight:normal}

html:has(#prejoin-backdrop:not([hidden])){scrollbar-gutter:auto}

#prejoin-backdrop .required[data-state=ready]{background:#1d4c3d;color:#8cf0bf}
#prejoin-backdrop .required[data-state=pending]{background:#4a3823;color:#ffda92}
