.join-page{min-height:100vh;background:radial-gradient(circle at 80% 8%,rgba(18,182,198,.11),transparent 28%),var(--ink)}
.join-header,.join-footer{width:min(calc(100% - 48px),var(--max));margin:auto;display:flex;align-items:center;justify-content:space-between}
.join-header{min-height:104px;border-bottom:1px solid rgba(255,255,255,.09)}
.join-brand-symbol{width:69px;height:54px;flex:none;background:url('../assets/telemetry-mark.png') -20.346px -14.862px/117.831px 116.055px no-repeat}
.join-header .brand{gap:15px}.join-header .brand strong{font-size:22px}.join-header .brand b{font-size:16px}
.home-link{color:#c4dce5;font-size:14px;font-weight:700;padding:10px 0;border-bottom:1px solid var(--cyan)}
.home-link:hover,.home-link:focus-visible{color:var(--cyan)}
.join-shell{width:min(calc(100% - 48px),920px);margin:auto;padding:84px 0 110px}
.join-intro{max-width:790px;margin-bottom:42px}
.join-intro h1,.confirmation-card h1{font-size:clamp(42px,5vw,68px);line-height:1.03;letter-spacing:-.045em;margin:0 0 24px}
.join-intro>p:not(.eyebrow):not(.platform-callout){max-width:740px;color:#c2d7e0;font-size:18px;margin:0}
.platform-callout{display:inline-flex;align-items:center;gap:9px;margin:26px 0 0;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(11,38,56,.72);color:#cde0e8;font-size:14px}
.platform-callout span{color:var(--cyan);font-size:10px}
.application-form{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(16,47,67,.75),rgba(7,27,41,.96));box-shadow:0 34px 90px rgba(0,0,0,.34);overflow:hidden}
.form-section{padding:40px 44px 44px}.form-section+.form-section{border-top:1px solid var(--line)}
.form-heading{margin-bottom:30px}.form-heading h2{font-size:28px;line-height:1.2;margin:4px 0 8px}.form-heading>p:last-child{max-width:680px;color:var(--muted);margin:0}
.section-kicker{color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.18em;margin:0}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.field-wide{grid-column:1/-1}
.field{display:grid;gap:9px}.field+.field,.choice-group+.field,.field+.choice-group{margin-top:25px}.field-grid .field{margin-top:0}
.field label,.choice-group legend{color:#e8f5fa;font-size:14px;font-weight:750}.field label span{margin-left:7px;color:#83a7b7;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.field input,.field textarea{width:100%;border:1px solid rgba(86,198,216,.33);border-radius:8px;background:#061824;color:var(--white);font:inherit;font-size:16px;padding:13px 14px;outline:none;transition:border-color .18s,box-shadow .18s}
.field textarea{resize:vertical;min-height:112px}
.field input:focus,.field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(39,217,232,.12)}
.field input[aria-invalid="true"]{border-color:#ff7081;box-shadow:0 0 0 3px rgba(255,112,129,.1)}
.field-help{color:#91afbc;font-size:13px;margin:0}.field-error{display:none;color:#ff8896;font-size:13px;margin:0}.field input[aria-invalid="true"]~.field-error{display:block}
.choice-group{border:0;padding:0;margin:0}.choice-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.choice-row label{position:relative;cursor:pointer}.choice-row input{position:absolute;opacity:0;pointer-events:none}.choice-row span{display:block;min-width:112px;text-align:center;padding:11px 17px;border:1px solid rgba(86,198,216,.3);border-radius:8px;background:#061824;color:#bdd3dc;font-size:14px;font-weight:700;transition:.18s}
.choice-row input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:2px}.choice-row input:checked+span{border-color:var(--cyan);background:rgba(39,217,232,.13);color:var(--white)}
.form-actions{padding:30px 44px 34px;border-top:1px solid var(--line);background:rgba(2,11,19,.35)}
.submit-button{border:0;cursor:pointer}.submit-button:disabled{cursor:wait;opacity:.7}.form-actions p{color:#8caab7;font-size:13px;margin:12px 0 0}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.join-footer{min-height:130px;border-top:1px solid rgba(255,255,255,.08)}.join-footer p{color:#7895a2;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.join-footer .join-brand-symbol{width:58px;height:45px;background-size:99.15px 97.7px;background-position:-17.12px -12.5px}
.confirmation-page{display:grid;grid-template-rows:auto 1fr}.confirmation-shell{width:min(calc(100% - 48px),760px);margin:auto;padding:70px 0 120px;display:grid;place-items:center}.confirmation-card{text-align:center;padding:70px 64px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(16,47,67,.78),rgba(7,27,41,.97));box-shadow:0 34px 90px rgba(0,0,0,.38)}
.confirmation-card>p:not(.eyebrow){color:#bed4dd;font-size:18px;max-width:620px;margin:0 auto 30px}.confirmation-mark{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 24px;border:1px solid var(--cyan);border-radius:50%;background:rgba(39,217,232,.12);color:var(--cyan);font-size:28px;font-weight:800}
.confirmation-privacy{display:block;width:max-content;margin:22px auto 0}
@media(max-width:700px){.join-header,.join-footer{width:min(calc(100% - 32px),var(--max))}.join-header{min-height:84px}.join-header .brand{min-height:58px}.join-brand-symbol{width:55px;height:43px;background-size:93.925px 92.445px;background-position:-16.22px -11.84px}.join-header .brand strong{font-size:18px}.join-header .brand b{font-size:13px}.home-link{font-size:13px}.join-shell{width:min(calc(100% - 32px),920px);padding:56px 0 76px}.join-intro{margin-bottom:30px}.join-intro h1,.confirmation-card h1{font-size:42px}.join-intro>p:not(.eyebrow):not(.platform-callout){font-size:16px}.platform-callout{border-radius:10px;align-items:flex-start}.form-section{padding:30px 22px 34px}.field-grid{grid-template-columns:1fr;gap:22px}.field-wide{grid-column:auto}.choice-row{display:grid;grid-template-columns:1fr 1fr}.choice-row span{min-width:0}.form-actions{padding:25px 22px 28px}.submit-button{width:100%}.join-footer{min-height:120px;flex-direction:column;justify-content:center;gap:14px}.join-footer p{margin:0}.confirmation-shell{width:min(calc(100% - 32px),760px);padding:46px 0 80px}.confirmation-card{padding:50px 24px}}
