:root{--navy:#102a56;--navy2:#173d76;--blue:#2e8fe6;--cyan:#42c7d8;--mint:#39d0a0;--mintDark:#0d9b72;--gold:#ffbd4a;--ink:#10223f;--muted:#64748b;--line:#dfe8f1;--soft:#f4f8fb;--danger:#d33f49;--shadow:0 30px 90px #102a5629}.bjoin *{box-sizing:border-box}.bjoin,.bjoin{min-height:100%;margin:0}.bjoin{font-family:var(--font-manrope),Manrope,Arial,sans-serif;color:var(--ink);background:#f8fbfd}.bjoin a{color:inherit;text-decoration:none}.bjoin button,.bjoin input{font:inherit}.bjoin .icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;display:block}.bjoin .page{grid-template-columns:minmax(480px,1.05fr) minmax(500px,.95fr);min-height:100vh;display:grid}.bjoin .story{color:#fff;background:radial-gradient(circle at 12% 86%,#39d0a047,#0000 28%),radial-gradient(circle at 88% 12%,#42c7d83d,#0000 28%),linear-gradient(145deg,#0d2854 0%,#174f89 58%,#168f9a 100%);flex-direction:column;justify-content:space-between;padding:42px clamp(42px,6vw,90px);display:flex;position:relative;overflow:hidden}.bjoin .story:before{content:"";border:1px solid #ffffff17;border-radius:50%;width:520px;height:520px;position:absolute;top:-180px;right:-255px;box-shadow:0 0 0 76px #ffffff06,0 0 0 152px #ffffff05}.bjoin .brand{z-index:2;align-items:center;gap:11px;width:max-content;font-size:20px;font-weight:800;display:inline-flex;position:relative}.bjoin .brand-mark{background:linear-gradient(145deg,var(--mint),var(--cyan));color:#073b39;border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 10px 25px #00000024}.bjoin .brand .accent{color:#69e4bd}.bjoin .story-main{z-index:2;max-width:610px;margin:64px 0;position:relative}.bjoin .eyebrow{letter-spacing:.04em;background:#ffffff17;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:9px;padding:7px 11px;font-size:10px;font-weight:800;display:inline-flex}.bjoin .eyebrow i{background:var(--mint);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #39d0a01f}.bjoin h1{letter-spacing:-.055em;margin:23px 0 18px;font-size:clamp(43px,4.2vw,64px);line-height:1.04}.bjoin .story-copy{color:#c8d8ea;max-width:555px;margin:0;font-size:16px;line-height:1.7}.bjoin .invite-preview{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #ffffff29;border-radius:22px;max-width:550px;margin-top:36px;padding:13px;position:relative}.bjoin .invite-card{color:var(--ink);background:#fff;border-radius:16px;padding:19px;box-shadow:0 18px 48px #00000024}.bjoin .invite-top{justify-content:space-between;align-items:center;display:flex}.bjoin .org{align-items:center;gap:11px;display:flex}.bjoin .org-logo{width:43px;height:43px;color:var(--navy);background:linear-gradient(145deg,#e4f8f2,#e7f4ff);border-radius:13px;place-items:center;font-size:15px;font-weight:800;display:grid}.bjoin .org b{font-size:12px;display:block}.bjoin .org small{color:#8190a1;font-size:8px}.bjoin .verified{color:#08765a;background:#e3f8f1;border-radius:999px;align-items:center;gap:5px;padding:6px 8px;font-size:8px;font-weight:800;display:flex}.bjoin .verified svg{width:12px}.bjoin .invite-message{color:#56667a;background:#f4f8fb;border-radius:11px;margin:16px 0 12px;padding:13px;font-size:9px;line-height:1.6}.bjoin .invite-meta{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.bjoin .meta{border:1px solid #e4ebf2;border-radius:10px;padding:9px}.bjoin .meta span{color:#8794a5;font-size:7px;display:block}.bjoin .meta b{font-size:9px}.bjoin .story-steps{gap:14px;margin-top:27px;display:grid}.bjoin .story-step{color:#c6d7e8;align-items:start;gap:12px;display:flex}.bjoin .story-step>span{background:#ffffff1c;border:1px solid #ffffff26;border-radius:10px;flex:none;place-items:center;width:29px;height:29px;font-size:10px;font-weight:800;display:grid}.bjoin .story-step b{color:#fff;font-size:10px;display:block}.bjoin .story-step p{margin:3px 0 0;font-size:8px}.bjoin .story-footer{z-index:2;color:#aebfd3;justify-content:space-between;gap:20px;font-size:9px;display:flex;position:relative}.bjoin .story-footer span{align-items:center;gap:6px;display:flex}.bjoin .story-footer svg{width:15px;color:var(--mint)}.bjoin .join{background:radial-gradient(circle at 100% 0,#42c7d81a,#0000 30%),#fbfdff;justify-content:center;align-items:center;padding:34px clamp(36px,7vw,104px);display:flex;position:relative}.bjoin .back{color:#66768a;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex;position:absolute;top:34px;right:40px}.bjoin .back:hover{color:var(--navy)}.bjoin .back svg{width:16px}.bjoin .join-wrap{width:min(100%,480px)}.bjoin .progress{grid-template-columns:1fr 32px 1fr 32px 1fr;align-items:center;margin-bottom:28px;display:grid}.bjoin .step{color:#99a5b4;white-space:nowrap;align-items:center;gap:7px;font-size:8px;font-weight:800;display:flex}.bjoin .step i{color:#7e8b9c;background:#e9eef4;border-radius:9px;place-items:center;width:25px;height:25px;font-style:normal;display:grid}.bjoin .step.active{color:var(--navy)}.bjoin .step.active i{background:var(--navy);color:#fff}.bjoin .step.done i{background:var(--mint);color:#064b39}.bjoin .connector{background:#dfe7ef;height:1px}.bjoin .join-intro{margin-bottom:23px}.bjoin .join-intro .label{color:var(--mintDark);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;font-size:10px;font-weight:800;display:inline-flex}.bjoin .join-intro .label:before{content:"";background:var(--mint);width:22px;height:2px}.bjoin .join-intro h2{letter-spacing:-.045em;margin:10px 0;font-size:36px;line-height:1.1}.bjoin .join-intro p{color:var(--muted);margin:0;font-size:13px}.bjoin .card{box-shadow:var(--shadow);background:#fff;border:1px solid #dfe8f1e6;border-radius:24px;padding:29px}.bjoin .field{margin-bottom:17px}.bjoin .field label{margin-bottom:8px;font-size:10px;font-weight:800;display:block}.bjoin .code-control{position:relative}.bjoin .code-control>svg{color:#8392a5;width:19px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.bjoin .code-control input{text-align:center;text-transform:uppercase;letter-spacing:.16em;width:100%;height:58px;color:var(--navy);background:#f9fbfd;border:1px solid #d7e1eb;border-radius:14px;outline:none;padding:0 48px;font-size:15px;font-weight:800}.bjoin .code-control input::placeholder{color:#a0adbc;font-weight:600}.bjoin .code-control input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px #2e8fe61a}.bjoin .hint{color:#8290a2;align-items:start;gap:6px;margin-top:8px;font-size:8px;display:flex}.bjoin .hint svg{flex:none;width:12px}.bjoin .primary{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;width:100%;height:52px;font-size:11px;font-weight:800;display:flex;box-shadow:0 13px 27px #102a5633}.bjoin .primary:hover{background:var(--navy2);transform:translateY(-1px)}.bjoin .primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.bjoin .error{color:var(--danger);background:#fff0f0;border:1px solid #ffd1d1;border-radius:11px;margin-bottom:14px;padding:10px 12px;font-size:9px;display:none}.bjoin .error.visible{display:block}.bjoin .secure{color:#8794a5;justify-content:center;align-items:center;gap:6px;margin-top:13px;font-size:8px;display:flex}.bjoin .secure svg{width:12px;color:var(--mintDark)}.bjoin .org-confirm{background:linear-gradient(145deg,#f7fbfe,#effaf7);border:1px solid #d9e8f1;border-radius:16px;margin:0 0 17px;padding:16px;display:none}.bjoin .org-confirm.visible{animation:.25s show;display:block}.bjoin .confirm-head{align-items:center;gap:11px;display:flex}.bjoin .confirm-logo{width:42px;height:42px;color:var(--navy);background:#fff;border-radius:12px;place-items:center;font-weight:800;display:grid;box-shadow:0 7px 18px #102a5614}.bjoin .confirm-head b{font-size:11px;display:block}.bjoin .confirm-head small{color:#718196;font-size:8px}.bjoin .confirm-check{color:var(--mintDark);margin-left:auto}.bjoin .confirm-check svg{width:19px}.bjoin .confirm-details{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.bjoin .confirm-details span{color:#596a7e;background:#fff;border:1px solid #e0e9f0;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:700}@keyframes show{0%{opacity:0;transform:translateY(-6px)}}.bjoin .account-panel{display:none}.bjoin .account-panel.visible{display:block}.bjoin .account-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.bjoin .account-panel input{background:#f9fbfd;border:1px solid #d7e1eb;border-radius:12px;outline:none;width:100%;height:48px;padding:0 13px;font-size:11px}.bjoin .account-panel input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #2e8fe617}.bjoin .account-panel .full{grid-column:1/-1}.bjoin .terms{color:#69798c;align-items:start;gap:8px;margin:14px 0;font-size:8px;display:flex}.bjoin .terms input{width:15px;height:15px;accent-color:var(--mint);margin:0}.bjoin .terms a{text-decoration:underline}.bjoin .login-link{text-align:center;color:#718095;margin-top:20px;font-size:9px}.bjoin .login-link a{color:var(--blue);font-weight:800}.bjoin .other{border-top:1px solid var(--line);text-align:center;color:#8996a5;margin-top:17px;padding-top:15px;font-size:8px}.bjoin .other button{color:var(--blue);cursor:pointer;background:0 0;border:0;font-weight:800}.bjoin .success{text-align:center;padding:18px 0;display:none}.bjoin .success.visible{display:block}.bjoin .success-icon{width:58px;height:58px;color:var(--mintDark);background:#e0f8ef;border-radius:18px;place-items:center;margin:0 auto 15px;display:grid}.bjoin .success-icon svg{width:28px;height:28px}.bjoin .success h3{margin:0 0 7px;font-size:22px}.bjoin .success p{color:var(--muted);margin:0 0 18px;font-size:10px}.bjoin.editing [data-editable]{outline:2px dashed var(--blue);outline-offset:3px}.bjoin .edit-tools{z-index:20;gap:6px;display:flex;position:fixed;bottom:13px;right:13px}.bjoin .edit-tools button{border:1px solid var(--line);color:var(--navy);cursor:pointer;background:#fff;border-radius:10px;padding:8px 10px;font-size:8px;font-weight:800;box-shadow:0 7px 20px #102a561f}.bjoin .edit-tools .save{background:var(--mint);border-color:var(--mint);display:none}.bjoin.editing .edit-tools .save{display:block}@media (max-width:1020px){.bjoin .page{grid-template-columns:1fr}.bjoin .story{min-height:500px;padding:30px 35px}.bjoin .story-main{grid-template-columns:1fr 1fr;align-items:center;gap:30px;margin:48px 0 28px;display:grid}.bjoin .story-main h1{font-size:42px}.bjoin .story-copy{font-size:13px}.bjoin .invite-preview{grid-area:1/2/3;margin:0}.bjoin .story-steps{grid-column:1}.bjoin .join{min-height:760px;padding:78px 24px}.bjoin .story-footer{display:none}.bjoin .back{top:24px;right:26px}}@media (max-width:680px){.bjoin .page{display:block}.bjoin .story{min-height:260px;padding:22px 20px 32px}.bjoin .story-main{margin:40px 0 0;display:block}.bjoin .eyebrow{font-size:8px}.bjoin .story-main h1{margin:15px 0 10px;font-size:34px}.bjoin .story-copy{font-size:11px;line-height:1.55}.bjoin .invite-preview,.bjoin .story-steps{display:none}.bjoin .brand{font-size:17px}.bjoin .brand-mark{width:32px;height:32px}.bjoin .join{min-height:auto;padding:66px 14px 80px;display:block}.bjoin .back{font-size:8px;top:17px;right:17px}.bjoin .progress{grid-template-columns:1fr 18px 1fr 18px 1fr;margin-bottom:23px}.bjoin .step{justify-content:center;font-size:0}.bjoin .step i{font-size:8px}.bjoin .join-intro h2{font-size:30px}.bjoin .card{border-radius:20px;padding:22px 18px;box-shadow:0 18px 50px #102a561f}.bjoin .account-grid{grid-template-columns:1fr}.bjoin .account-panel .full{grid-column:auto}}@media (prefers-reduced-motion:reduce){.bjoin *{transition:none!important;animation:none!important}}@media (min-width:1021px){.bjoin .story{justify-content:center}.bjoin .brand{margin:0;font-size:22px;position:absolute;top:42px;left:clamp(42px,6vw,90px)}.bjoin .brand-mark{width:42px;height:42px}.bjoin .story-footer{font-size:13px;position:absolute;bottom:34px;left:clamp(42px,6vw,90px);right:clamp(42px,6vw,90px)}.bjoin .story-main{width:100%;max-width:700px;margin:0 auto}.bjoin .eyebrow{padding:9px 14px;font-size:13px}.bjoin .story-main h1{font-size:clamp(50px,5.4vw,86px)}.bjoin .story-copy{max-width:600px;font-size:20px;line-height:1.65}.bjoin .invite-preview{border-radius:26px;max-width:none;margin-top:40px;padding:16px}.bjoin .invite-card{border-radius:20px;padding:26px}.bjoin .org-logo{border-radius:16px;width:52px;height:52px;font-size:19px}.bjoin .org b{font-size:17px}.bjoin .org small{font-size:12px}.bjoin .verified{padding:8px 12px;font-size:12px}.bjoin .verified svg{width:16px}.bjoin .invite-message{margin:18px 0 14px;padding:16px;font-size:14px}.bjoin .invite-meta{gap:10px}.bjoin .meta{padding:12px}.bjoin .meta span{font-size:11px}.bjoin .meta b{font-size:14px}.bjoin .story-steps{gap:16px;margin-top:30px}.bjoin .story-step>span{border-radius:12px;width:36px;height:36px;font-size:14px}.bjoin .story-step b{font-size:14px}.bjoin .story-step p{font-size:12px}.bjoin .back{font-size:13px;top:40px;right:clamp(24px,4vw,48px)}.bjoin .back svg{width:18px}.bjoin .join-wrap{width:min(100%,560px)}.bjoin .progress{grid-template-columns:1fr 40px 1fr 40px 1fr;margin-bottom:34px}.bjoin .step{font-size:12px}.bjoin .step i{border-radius:11px;width:32px;height:32px;font-size:13px}.bjoin .join-intro{margin-bottom:26px}.bjoin .join-intro .label{font-size:13px}.bjoin .join-intro h2{font-size:44px}.bjoin .join-intro p{font-size:16px}.bjoin .card{border-radius:26px;padding:36px}.bjoin .field{margin-bottom:20px}.bjoin .field label{margin-bottom:9px;font-size:14px}.bjoin .code-control>svg{width:22px;left:18px}.bjoin .code-control input{letter-spacing:.18em;height:64px;padding:0 54px;font-size:20px}.bjoin .hint{margin-top:10px;font-size:12px}.bjoin .hint svg{width:16px}.bjoin .primary{border-radius:15px;height:58px;font-size:15px}.bjoin .secure{margin-top:16px;font-size:12px}.bjoin .org-confirm{border-radius:18px;margin-bottom:20px;padding:20px}.bjoin .confirm-logo{border-radius:15px;width:50px;height:50px;font-size:19px}.bjoin .confirm-head b{font-size:15px}.bjoin .confirm-head small{font-size:12px}.bjoin .confirm-check svg{width:24px}.bjoin .confirm-details{gap:9px;margin-top:14px}.bjoin .confirm-details span{padding:7px 12px;font-size:12px}.bjoin .account-grid{gap:14px}.bjoin .account-panel input{border-radius:14px;height:56px;padding:0 16px;font-size:15px}.bjoin .terms{gap:11px;margin:18px 0;font-size:13px}.bjoin .terms input{width:19px;height:19px}.bjoin .login-link{margin-top:24px;font-size:14px}.bjoin .other{margin-top:20px;padding-top:18px;font-size:13px}.bjoin .success{padding:24px 0}.bjoin .success-icon{border-radius:22px;width:70px;height:70px}.bjoin .success-icon svg{width:34px;height:34px}.bjoin .success h3{font-size:28px}.bjoin .success p{font-size:15px}}