.join-hero{padding-block:90px 72px}.join-hero .lede{max-width:760px}.join-section{background:linear-gradient(180deg,#edf3f7 0%,#f7f9fb 100%);padding-block:60px 100px}.join-container{max-width:1100px}.join-card{background:#fff;border:1px solid #dce6ec;border-radius:20px;box-shadow:0 24px 65px rgba(21,44,65,.08);overflow:hidden}.join-heading{padding:36px clamp(22px,5vw,55px);background:linear-gradient(120deg,#12283a,#213e53);color:#fff}.join-heading h2{font-size:clamp(1.5rem,3vw,2rem);margin:9px 0}.join-heading p{color:#c5d8e4;margin:0;max-width:650px}.join-form{padding:clamp(22px,4vw,52px)}.join-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.join-field{display:flex;flex-direction:column;gap:9px;min-width:0;color:#243d50;font-weight:700;font-size:.94rem}.join-field input,.join-field select,.join-field textarea{min-width:0;width:100%;border:1px solid #cedbe5;border-radius:11px;background:#f9fbfd;color:#183248;padding:13px 15px;outline:none;font:inherit;font-weight:500;transition:border-color .18s,box-shadow .18s}.join-field input[type=file]{padding:11px;background:#fff}.join-field textarea{resize:vertical;min-height:105px}.join-field input:focus,.join-field select:focus,.join-field textarea:focus{border-color:#4b8bbd;box-shadow:0 0 0 4px rgba(75,139,189,.12)}.join-field [aria-invalid=true]{border-color:#cc6371}.join-field small{font-size:.76rem;color:#708494;font-weight:500}.join-wide{grid-column:1/-1}.join-alert{margin:26px clamp(22px,4vw,52px) 0;padding:15px 18px;border-radius:11px}.join-alert ul{margin:6px 20px 0}.join-success{color:#1d6549;background:#e8f7ee;border:1px solid #c3e4d1}.join-error{color:#993c48;background:#fff0f1;border:1px solid #edcbd1}.join-actions{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:27px;flex-wrap:wrap}.join-actions .btn{min-width:185px}.join-actions p{font-size:.77rem;color:#718596;margin:0;max-width:570px}@media(max-width:720px){.join-hero{padding-block:64px 52px}.join-section{padding-block:25px 65px}.join-grid{grid-template-columns:1fr;gap:18px}.join-actions .btn{width:100%}}
