/*
 * Six Eyes V2 — /join/ (request access). Loaded only on the V2 join template, after design-system.css.
 */
.jn{position:relative;overflow:hidden;background:var(--se-bg);min-height:calc(100svh - var(--se-header-h) - 140px)}
.jn__glow{position:absolute;right:6%;top:50%;width:min(760px,110vw);aspect-ratio:1/1;transform:translateY(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(124,92,231,.14),rgba(124,92,231,0));pointer-events:none}
.jn__in{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,6vw,88px);align-items:center;padding-block:clamp(48px,8vw,112px)}
.jn__text{min-width:0}
.jn__text .se-h1{margin-top:18px;max-width:11em}
.jn__lead{margin-top:20px;max-width:440px;font-size:clamp(16px,1.25vw,18px)}
.jn__card{position:relative;min-width:0;width:100%;max-width:480px;justify-self:end;padding:clamp(22px,3vw,34px);border-radius:20px;background:var(--se-s900);border:1px solid var(--se-line-2);box-shadow:0 40px 80px -44px rgba(0,0,0,.9),0 0 80px -40px rgba(124,92,231,.3)}
.jn__form{display:grid;gap:18px}
.jn__field{display:grid;gap:8px}
.jn__field label{font-size:14px;font-weight:600;line-height:1.4;color:var(--se-primary)}
.jn__opt{font-weight:500;color:var(--se-muted)}
.jn__field input{width:100%;min-height:52px;padding:0 16px;border-radius:8px;border:1px solid rgba(226,228,240,.14);background:var(--se-bg);color:var(--se-head);font-family:var(--f-sans);font-size:16px;line-height:1.4;transition:border-color 160ms var(--se-ease),box-shadow 160ms var(--se-ease)}
.jn__field input:hover{border-color:rgba(226,228,240,.24)}
.jn__field input:focus{outline:0;border-color:var(--se-lime);box-shadow:0 0 0 3px rgba(183,228,90,.22)}
.jn__field input:focus-visible{outline:2px solid var(--se-lime);outline-offset:2px}
.jn__field input:user-invalid{border-color:#E5766B}
.jn__submit{width:100%;margin-top:4px}
.jn__submit[aria-disabled="true"]{opacity:.7;cursor:progress}
.jn__error{padding:12px 14px;border-radius:8px;border:1px solid rgba(229,118,107,.45);background:rgba(229,118,107,.08);font-size:14px;line-height:1.5;color:#F3B1AA}
.jn__note{font-size:13px;line-height:1.5;color:var(--se-muted)}
/* honeypot: off-screen (not display:none, so naive bots still fill it) */
.jn__hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.jn__success{display:grid;justify-items:start;gap:18px;padding:clamp(4px,1vw,10px) 0;outline:0}
.jn__success p{font-family:var(--f-display);font-stretch:125%;font-weight:700;font-size:clamp(20px,2.2vw,26px);line-height:1.25;letter-spacing:-.02em;color:var(--se-head);text-wrap:balance}
.jn__tick{position:relative;width:44px;height:44px;border-radius:50%;background:rgba(183,228,90,.1);border:1px solid rgba(183,228,90,.5)}
.jn__tick::after{content:"";position:absolute;left:15px;top:10px;width:10px;height:17px;border:solid var(--se-lime);border-width:0 2px 2px 0;transform:rotate(40deg)}
@media (max-width:900px){
  .jn{min-height:0}
  .jn__in{grid-template-columns:minmax(0,1fr);gap:32px}
  .jn__card{justify-self:stretch;max-width:none}
  .jn__glow{right:50%;transform:translate(50%,-50%)}
}
@media (max-width:380px){.jn__text .se-h1{font-size:30px}}
@media (prefers-reduced-motion:reduce){.jn__field input,.se-btn{transition:none}}
