/* StartupFeed Join (sign in and sign up), in the Insider look. Loaded only on the Join page.
   A full-width navy stage, a white form panel and, beside it, what this kind of member gets.
   Pure CSS: no web fonts or scripts of its own, and only transform and opacity are animated.
   Doubled classes win over the theme's content styles (Foxiz .rbct, Elementor kit 94) and sf.css. */

.sfj{--j-navy:#13263D;--j-navy2:#0B1A2C;--j-ink:#20344B;--j-teal:#1BACA7;--j-teal2:#0E7490;--j-mint:#7FE0DB;--j-gold:#E3B65B;--j-gold2:#F6D58E;--j-text:#3C414C;--j-muted:#5B6170;--j-line:#E3E8EE;--j-head:Sora,"Segoe UI",sans-serif;--j-label:Oswald,"Segoe UI",sans-serif;--j-ease:cubic-bezier(.2,.7,.2,1)}

/* Full width under the header, no gaps above the footer (same as the Insider page). */
body.sfj-page .single-page .s-ct{margin-top:0;padding-bottom:0;min-height:0}
body.sfj-page .entry-content.rbct{padding-bottom:0!important;margin-bottom:0!important}
body.sfj-page .entry-content.rbct>.sfj,body.sfj-page .entry-content.rbct>.clearfix{margin-bottom:0!important}
body.sfj-page .grid-container>*{min-width:0}
.sf-join.sfj{position:relative;max-width:none;margin:0 calc(50% - 50vw);padding:0;width:auto}
.sfj.sfj :where(p,h1,h2,ol,ul,li){margin:0;padding:0}
.sfj.sfj :where(ol,ul){list-style:none}

/* Stage */
.sfj-stage{position:relative;isolation:isolate;overflow:hidden;overflow:clip;min-height:calc(100vh - 160px);padding:clamp(28px,5vw,72px) 0 clamp(44px,6vw,96px);background:#0B1A2C;color:#C9D6E3}
.sfj-stage::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(55% 60% at 16% 18%,rgba(27,172,167,.24) 0%,rgba(27,172,167,0) 70%),radial-gradient(45% 55% at 88% 90%,rgba(227,182,91,.16) 0%,rgba(227,182,91,0) 70%),linear-gradient(160deg,#16304D 0%,#0F2236 48%,#0B1A2C 100%)}
.sfj-stage::after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(127,224,219,.22) 1px,transparent 1.3px);background-size:26px 26px;-webkit-mask-image:radial-gradient(60% 65% at 28% 35%,#000 0%,transparent 100%);mask-image:radial-gradient(60% 65% at 28% 35%,#000 0%,transparent 100%);opacity:.55}
.sfj-spark{position:absolute;z-index:0;color:var(--j-gold2);animation:sfjTwinkle 3.4s ease-in-out infinite}
.sfj-spark svg{display:block;width:100%;height:100%}
.sfj-spark--1{top:5%;left:43%;width:16px;height:16px}
.sfj-spark--2{top:62%;left:44%;width:12px;height:12px;animation-delay:1.2s}
.sfj-spark--3{top:14%;right:6%;width:18px;height:18px;animation-delay:.6s}
.sfj-wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);grid-template-areas:"side panel";align-items:start;gap:clamp(32px,5vw,80px);width:100%;max-width:1200px;margin:0 auto;padding:0 24px}
.sfj-panel{grid-area:panel}
.sfj-side{grid-area:side;position:sticky;top:110px;padding-top:6px}

/* Side: what this member gets */
.sfj-var{display:none}
.sfj-var.is-on{display:block}
@supports selector(:has(*)){
.sfj--role .sfj-var.is-on{display:none}
.sfj--role:has(input[name=role][value=reader]:checked) .sfj-var--reader,.sfj--role:has(input[name=role][value=startup]:checked) .sfj-var--startup,.sfj--role:has(input[name=role][value=incubator]:checked) .sfj-var--incubator,.sfj--role:has(input[name=role][value=investor]:checked) .sfj-var--investor{display:block;animation:sfjIn .45s var(--j-ease) both}
}
.sfj .sfj-kicker.sfj-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:7px 14px;border-radius:999px;font-family:var(--j-label);font-weight:500;font-size:13px;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:var(--j-gold2);background:rgba(227,182,91,.1);border:1px solid rgba(227,182,91,.34)}
.sfj .sfj-kicker svg{width:13px;height:13px;flex:0 0 auto}
.sfj .sfj-title.sfj-title{margin:0 0 14px;font-family:var(--j-head);font-weight:700;font-size:clamp(30px,3.3vw,46px);line-height:1.08;letter-spacing:-.02em;color:#fff;text-transform:none;text-wrap:balance}
.sfj .sfj-gold{background:linear-gradient(100deg,#F6D58E 0%,#E3B65B 40%,#FBE7B5 62%,#E3B65B 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.sfj .sfj-sub.sfj-sub{max-width:520px;margin:0 0 28px;font-size:clamp(15.5px,1.2vw,17.5px);line-height:1.6;color:#C9D6E3}
.sfj-pass{position:relative;width:min(360px,100%);margin:0 0 30px;perspective:1100px}
.sfj-card{position:relative;display:grid;grid-template-rows:auto auto 1fr auto auto;aspect-ratio:1.586;padding:22px 24px;border-radius:22px;overflow:hidden;color:#fff;background:radial-gradient(120% 90% at 100% 0%,rgba(127,224,219,.28) 0%,rgba(127,224,219,0) 45%),radial-gradient(90% 80% at 0% 100%,rgba(227,182,91,.22) 0%,rgba(227,182,91,0) 50%),linear-gradient(135deg,#1C4466 0%,#122B45 48%,#0B1A2C 100%);border:1px solid rgba(166,238,233,.45);box-shadow:0 46px 70px -36px rgba(0,0,0,.9),0 0 60px -10px rgba(27,172,167,.5),inset 0 1px 0 rgba(255,255,255,.18);transform:rotateX(9deg) rotateY(-16deg);animation:sfjFloat 6s ease-in-out infinite}
.sfj-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from 180deg,#7FE0DB,#F6D58E,#1BACA7,#F9E2A8,#7FE0DB);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.75;pointer-events:none}
.sfj-card__sheen{position:absolute;inset:-60%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.22) 50%,transparent 58%);animation:sfjSheen 5.5s ease-in-out infinite;pointer-events:none}
.sfj-card__top{display:flex;align-items:center;justify-content:space-between;color:var(--j-gold2)}
.sfj-card__top svg{width:16px;height:16px}
.sfj-card__brand{font-family:var(--j-head);font-weight:600;font-size:14px;letter-spacing:.04em;color:#E6F1F6}
.sfj-card__brand b{font-weight:700;color:var(--j-gold2)}
.sfj-card__chip{display:block;width:44px;height:32px;margin-top:14px;border-radius:8px;background:linear-gradient(135deg,#F9E2A8,#C99A3E);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15),inset 14px 0 0 -13px rgba(0,0,0,.25),inset -14px 0 0 -13px rgba(0,0,0,.25)}
.sfj-card__name{align-self:end;overflow:hidden;font-family:var(--j-head);font-weight:700;font-size:24px;line-height:1.15;white-space:nowrap;text-overflow:ellipsis;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.sfj-card__role{margin-top:4px;font-family:var(--j-label);font-weight:500;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--j-mint)}
.sfj-card__foot{display:flex;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.14);font-family:var(--j-label);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#BFD0DD}
.sfj-card__foot span:first-child{color:var(--j-gold2)}
.sfj .sfj-perks{display:grid;gap:16px;margin:0 0 24px}
.sfj .sfj-perks li{display:flex;align-items:flex-start;gap:12px;margin:0;font-size:14px;line-height:1.5;color:#AFC1D1}
.sfj .sfj-perks li::before,.sfj .sfj-trust li::before,.sfj .sfj-steps li::before{content:none}
.sfj-perks__ico{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;border-radius:12px;color:var(--j-mint);background:rgba(127,224,219,.1);border:1px solid rgba(127,224,219,.22)}
.sfj .sfj-perks strong{display:block;font-family:var(--j-head);font-weight:600;font-size:15.5px;line-height:1.35;color:#fff}
.sfj .sfj-fine.sfj-fine{max-width:470px;margin:0 0 20px;font-size:13px;line-height:1.55;color:#8FA5BA}
.sfj .sfj-trust{display:flex;flex-wrap:wrap;gap:8px 18px}
.sfj .sfj-trust li{display:inline-flex;align-items:center;gap:6px;margin:0;font-family:var(--j-label);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#BFD0DD}
.sfj-trust .sf-ico{color:var(--j-mint)}

/* Panel */
.sfj .sfj-panel{position:relative;padding:clamp(24px,3vw,38px);border-radius:28px;background:#fff;color:var(--j-text);box-shadow:0 40px 90px -40px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.06)}
.sfj .sfj-panel::before{content:"";position:absolute;top:0;left:32px;right:32px;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--j-teal) 0%,var(--j-mint) 45%,var(--j-gold2) 100%)}
.sfj .sfj-steps{display:flex;gap:8px;margin:0 0 24px}
.sfj .sfj-steps li{display:flex;flex:1 1 0;align-items:center;gap:8px;min-width:0;margin:0;padding:10px 0 0;border-top:3px solid #E6EBF0;font-size:12.5px;font-weight:600;line-height:1.25;color:#6B7382}
.sfj .sfj-steps li.is-done{border-top-color:var(--j-teal)}
.sfj .sfj-steps li.is-on{border-top-color:var(--j-teal2);color:var(--j-navy)}
.sfj-steps__n{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:22px;height:22px;border-radius:999px;font-size:12px;background:#EEF2F6;color:#5B6170}
.sfj-steps .is-on .sfj-steps__n{background:var(--j-navy);color:#fff}
.sfj-steps .is-done .sfj-steps__n{background:var(--j-teal);color:#fff}
.sfj .sfj-h1.sfj-h1{margin:0 0 8px;font-family:var(--j-head);font-weight:700;font-size:clamp(26px,2.3vw,32px);line-height:1.15;letter-spacing:-.015em;color:var(--j-navy);text-transform:none}
.sfj .sfj-lead.sfj-lead{max-width:none;margin:0 0 22px;font-size:15.5px;line-height:1.6;color:var(--j-muted)}
.sfj .sfj-form{gap:14px}
.sfj .sfj-alt.sfj-alt{margin-top:18px;font-size:14px}
.sfj .sfj-alt a,.sfj .sfj-as a{font-weight:600;color:var(--j-teal2)}
.sfj a:hover{color:var(--j-navy)}

/* Roles */
.sfj .sfj-roles{gap:12px}
.sfj .sfj-role.sfj-role{align-items:center;gap:14px;padding:12px 14px 12px 12px;border:1.5px solid #E1E7EE;border-radius:18px;background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s var(--j-ease)}
.sfj .sfj-role.sfj-role:hover{border-color:#B9D9DB;box-shadow:0 12px 26px -18px rgba(19,38,61,.5);transform:translateY(-1px)}
.sfj .sfj-role.sfj-role:has(input:checked){padding:12px 14px 12px 12px;border:1.5px solid var(--j-teal2);background:linear-gradient(180deg,#F2FAFA 0%,#fff 100%);box-shadow:0 0 0 3px rgba(27,172,167,.16)}
.sfj-role__art{position:relative;display:block;flex:0 0 auto;width:64px;height:64px;border-radius:18px;background:var(--av,none) 50% 20%/cover no-repeat,radial-gradient(90% 90% at 30% 15%,#2C6283 0%,#16304D 55%,#0B1A2C 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.sfj .sfj-role:has(input:checked) .sfj-role__art{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--j-gold2)}
.sfj .sfj-role .sf-role__text strong{font-family:var(--j-head);font-size:16px;line-height:1.3;color:var(--j-navy)}
.sfj .sfj-role .sf-role__text span{font-size:13.5px;line-height:1.45;color:var(--j-text)}
.sfj .sfj-role .sf-role__text em{font-size:12.5px;color:var(--j-teal2)}
.sfj .sfj-role .sf-role__radio{width:24px;height:24px}
.sfj .sfj-role:has(input:checked) .sf-role__radio{background:var(--j-teal2);border-color:var(--j-teal2);color:#fff}
.sfj .sfj-role:has(input:focus-visible){outline:3px solid var(--j-teal);outline-offset:2px}

/* Joining as */
.sfj .sfj-as{display:flex;align-items:center;gap:10px;width:fit-content;max-width:100%;margin:0 0 16px;padding:6px 14px 6px 6px;border:1px solid var(--j-line);border-radius:999px;background:#F5F8FA;font-size:14px;color:var(--j-navy)}
.sfj-as__art{display:block;flex:0 0 auto;width:34px;height:34px;border-radius:999px;background:var(--av,none) 50% 20%/cover no-repeat,radial-gradient(90% 90% at 30% 15%,#2C6283 0%,#16304D 60%)}

/* Fields */
.sfj .sf-label.sf-label{margin:2px 0 6px;font-size:13.5px;font-weight:600;color:var(--j-navy)}
.sf.sfj .sf-input.sf-input.sf-input{min-height:52px;margin:0;padding:12px 14px;border:1.5px solid #D5DEE7;border-radius:14px;background:#fff;box-shadow:none;font-family:var(--j-head);font-size:16px;line-height:1.4;color:var(--j-navy);transition:border-color .15s,box-shadow .15s}
.sf.sfj .sf-input.sf-input.sf-input::placeholder{color:#97A1AF}
.sf.sfj .sf-input.sf-input.sf-input:focus{outline:0;border-color:var(--j-teal2);box-shadow:0 0 0 4px rgba(27,172,167,.18)}
.sf.sfj select.sf-input.sf-input.sf-input{padding-right:36px}
.sfj-field{position:relative;display:block}
.sfj-field .sf-ico{position:absolute;top:50%;left:16px;color:#8A93A3;transform:translateY(-50%);pointer-events:none}
.sf.sfj .sfj-field .sf-input.sf-input.sf-input{padding-left:46px}
.sf.sfj .sf-input.sf-input.sf-input--code.sf-input--code{padding-left:.5em;font-weight:700;font-size:28px;letter-spacing:.5em;text-align:center}
.sfj .sf-code__email,.sfj .sf-code__enter{gap:12px}

/* Buttons */
.sf.sfj .sfj-btn.sfj-btn.sfj-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;margin:4px 0 0;padding:0 26px;overflow:hidden;border:1.5px solid rgba(255,236,190,.6);border-radius:999px;background:linear-gradient(135deg,#F9E2A8 0%,#E8BE66 45%,#D4A04A 100%);box-shadow:0 12px 30px -12px rgba(212,160,74,.8),inset 0 1px 0 rgba(255,255,255,.55);font-family:var(--j-head);font-weight:700;font-size:16px;line-height:1;letter-spacing:normal;text-transform:none;text-decoration:none;color:#13263D;cursor:pointer;transition:transform .25s var(--j-ease),box-shadow .25s var(--j-ease)}
.sf.sfj .sfj-btn.sfj-btn.sfj-btn:hover{color:#0B1A2C;transform:translateY(-2px);box-shadow:0 18px 38px -12px rgba(212,160,74,.9),inset 0 1px 0 rgba(255,255,255,.6)}
.sf.sfj .sfj-btn.sfj-btn.sfj-btn:active{transform:translateY(0)}
.sf.sfj .sfj-btn.sfj-btn.sfj-btn:focus-visible{outline:3px solid var(--j-teal2);outline-offset:3px}
.sf.sfj .sfj-btn.sfj-btn.sfj-btn[disabled]{opacity:.6;cursor:not-allowed;transform:none}
.sf.sfj .sfj-btn.sfj-btn::after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-160%) skewX(-20deg);animation:sfjSweep 4.5s ease-in-out infinite}
.sf.sfj .sfj-btn svg{width:18px;height:18px;flex:0 0 auto}
.sfj .sf-btn--ghost.sf-btn--ghost{min-height:50px;border:1.5px solid var(--j-navy);border-radius:999px;background:#fff;font-family:var(--j-head);font-weight:600;color:var(--j-navy)}
.sf.sfj button.sf-link.sf-link,.sf.sfj button.sf-link.sf-link:hover,.sf.sfj button.sf-link.sf-link:focus{align-self:center;font-weight:600;color:var(--j-teal2)}

/* Messages, notes and boxes */
.sfj .sf-msg{font-size:14px;color:var(--j-teal2)}
.sfj .sf-msg.is-error{color:#B42318}
.sfj .sf-alert{margin:0 0 16px;border-radius:14px}
.sfj .sf-note{margin:16px 0 0;border-radius:14px}
.sfj .sf-consent{margin-top:18px;padding-top:16px;border-top:1px solid var(--j-line)}
.sfj .sf-consent .sf-small{margin-bottom:6px}
.sfj .sf-or{margin:16px 0}
.sfj .sf-google{margin-bottom:2px}
.sfj-box{padding:16px;border:1px solid var(--j-line);border-radius:16px;background:#FAFCFD;font-size:14px}
.sfj .sf-box{border-radius:16px}
.sfj .sf-check{font-size:14.5px}
.sfj .sf-kicker{font-weight:500;letter-spacing:.1em;color:var(--j-navy)}
.sfj .sf-chip span{min-height:42px;padding:0 16px;border:1.5px solid #D5DEE7;border-radius:999px;font-size:14px;color:var(--j-navy);transition:border-color .15s,background .15s}
.sfj .sf-chip:hover span{border-color:var(--j-teal)}
.sfj .sf-chip input:checked+span{border-color:var(--j-navy);background:var(--j-navy);color:#fff}
.sfj .sf-finder__list{margin-top:4px;border-radius:14px}
.sfj .sf-notice.sf-notice{margin:0;padding:14px 16px 14px 32px;list-style:disc;border-radius:14px}
.sfj .sf-notice.sf-notice li{margin:0}

/* Done */
.sfj .sfj-tick.sfj-tick{width:76px;height:76px;margin-bottom:4px;background:radial-gradient(circle at 30% 28%,#7FE0DB 0%,#1BACA7 55%,#0E7490 100%);color:#fff;box-shadow:0 18px 40px -14px rgba(27,172,167,.85);animation:sfjPop .6s var(--j-ease) both}
.sfj .sfj-next{display:grid;gap:10px;margin:10px 0 0;padding:0;counter-reset:sfj}
.sfj .sfj-next li{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:15px;line-height:1.45;color:var(--j-navy);counter-increment:sfj}
.sfj .sfj-next li::before{content:counter(sfj);display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:24px;height:24px;border-radius:999px;background:#E6F7F7;font-weight:700;font-size:13px;color:var(--j-teal2)}

@keyframes sfjFloat{0%,100%{transform:rotateX(9deg) rotateY(-16deg) translateY(0)}50%{transform:rotateX(7deg) rotateY(-12deg) translateY(-8px)}}
@keyframes sfjSheen{0%,40%{transform:translateX(-30%)}70%,100%{transform:translateX(30%)}}
@keyframes sfjSweep{0%,60%{transform:translateX(-160%) skewX(-20deg)}85%,100%{transform:translateX(330%) skewX(-20deg)}}
@keyframes sfjTwinkle{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}
@keyframes sfjPop{0%{opacity:0;transform:scale(.6)}100%{opacity:1;transform:scale(1)}}
@keyframes sfjIn{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}

/* Tablets and phones: the form first, then what you get */
@media (max-width:999px){
.sfj-stage{min-height:0;padding:22px 0 44px}
.sfj-wrap{grid-template-columns:minmax(0,1fr);grid-template-areas:"panel" "side";gap:36px;max-width:620px;padding:0 16px}
.sfj-side{position:static;padding:0 4px}
.sfj .sfj-title.sfj-title{font-size:clamp(26px,6.4vw,34px)}
.sfj-pass{width:min(320px,100%)}
.sfj-spark--2{display:none}
}
@media (max-width:480px){
.sfj .sfj-panel{padding:22px 18px 24px;border-radius:24px}
.sfj .sfj-panel::before{left:24px;right:24px}
.sfj .sfj-steps{gap:6px;margin-bottom:20px}
.sfj .sfj-steps li{font-size:11.5px}
.sfj-steps__n{width:20px;height:20px;font-size:11px}
.sfj .sfj-role.sfj-role,.sfj .sfj-role.sfj-role:has(input:checked){gap:12px;padding:10px 12px 10px 10px}
.sfj-role__art{width:56px;height:56px;border-radius:16px}
.sfj .sfj-role .sf-role__text strong{font-size:15.5px}
.sfj-card{padding:16px 18px;border-radius:18px}
.sfj-card__chip{width:36px;height:26px;margin-top:10px}
.sfj-card__name{font-size:20px}
.sfj-card__role{font-size:11px}
.sfj-card__foot{margin-top:9px;padding-top:8px;font-size:10px}
}
@media (prefers-reduced-motion:reduce){
.sfj-card,.sfj-card__sheen,.sf.sfj .sfj-btn.sfj-btn::after,.sfj-spark,.sfj .sfj-tick.sfj-tick,.sfj-var{animation:none!important}
.sfj .sfj-role.sfj-role,.sf.sfj .sfj-btn.sfj-btn.sfj-btn{transition:none}
}