/* Join page: hero, process timeline and a structured application form. Logical properties only (RTL-safe). */
.tn-join-hero{position:relative;overflow:hidden;padding-block:clamp(36px,6vw,72px) clamp(56px,7vw,88px);background:
	radial-gradient(900px 380px at 88% -10%,rgba(235,33,39,.10),transparent 60%),
	radial-gradient(700px 320px at 0% 110%,rgba(16,17,20,.06),transparent 60%),
	linear-gradient(180deg,#fff 0%,var(--soft) 100%);border-block-end:1px solid var(--line)}
.tn-join-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;opacity:.35;mask-image:linear-gradient(180deg,#000,transparent 85%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);pointer-events:none}
.tn-join-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,5vw,64px);align-items:center}
.tn-join-hero h1{font-size:clamp(2.4rem,5vw,3.9rem);letter-spacing:0;margin-block:.15em .3em}
.tn-join-hero .tn-lead{max-inline-size:52ch}
.tn-join-badges{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-block-start:1.6em}
.tn-join-badges li{display:inline-flex;align-items:center;gap:.55em;padding:.5em 1em .5em .8em;padding-inline:.8em 1em;border:1px solid var(--line);border-radius:var(--r-pill);background:rgba(255,255,255,.85);font-weight:650;font-size:.9rem;box-shadow:0 8px 20px -16px rgba(16,17,20,.4)}
.tn-join-badges .tn-icon{inline-size:18px;block-size:18px;color:var(--red)}
.tn-join-art .tn-art{max-inline-size:400px;margin-inline-start:auto;box-shadow:var(--shadow)}

.tn-join-main{padding-block:0 clamp(48px,7vw,96px);background:var(--soft)}
.tn-join-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(24px,4vw,56px);align-items:start;margin-block-start:calc(clamp(56px,7vw,88px) * -.5)}
.tn-join-side{position:sticky;inset-block-start:calc(var(--head-h) + 20px);padding-block-start:clamp(56px,7vw,88px)}
.tn-join-intro{font-size:1.08rem;margin-block-end:1.4em}
.tn-join-h{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-block:0 1em}
:lang(ar) .tn-join-h,:lang(fa) .tn-join-h,:lang(ur) .tn-join-h,:lang(ckb) .tn-join-h{letter-spacing:0;text-transform:none;font-size:1rem}
.tn-join-timeline .tn-steps{display:flex;flex-direction:column;gap:0;position:relative}
.tn-join-timeline .tn-steps li{position:relative;padding:0 0 22px;padding-inline-start:52px;border:0;background:none;margin:0}
.tn-join-timeline .tn-steps li::before{position:absolute;inset-inline-start:0;inset-block-start:0;margin:0;inline-size:36px;block-size:36px;background:#fff;color:var(--ink);box-shadow:0 0 0 1.5px var(--line-2);font-size:.95rem}
.tn-join-timeline .tn-steps li:first-child::before{background:var(--red);color:#fff;box-shadow:none}
.tn-join-timeline .tn-steps li:not(:last-child)::after{content:"";position:absolute;inset-inline-start:17.25px;inset-block-start:42px;inset-block-end:6px;inline-size:1.5px;background:var(--line-2)}
.tn-join-timeline .tn-steps h3{font-size:1.02rem;margin:5px 0 .25em}
.tn-join-timeline .tn-steps p{display:block;-webkit-line-clamp:unset;color:var(--ink-2);font-size:.94rem}
.tn-join-ready{margin-block-start:.6em;padding:22px 24px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.tn-join-ready .tn-list{margin:0}
.tn-join-ready .tn-list li{font-size:.94rem}

.tn-formcard{position:relative;padding:clamp(22px,3vw,40px);border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;box-shadow:0 30px 60px -34px rgba(16,17,20,.4),0 2px 0 rgba(16,17,20,.02)}
.tn-formcard::before{content:"";position:absolute;inset-inline:28px;inset-block-start:-1px;block-size:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--red),#ff6a6f)}
.tn-formcard-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-block-end:20px;margin-block-end:8px;border-block-end:1px solid var(--line)}
.tn-formcard-head h2{font-size:clamp(1.4rem,2.4vw,1.8rem);margin:0}
.tn-formcard-head p{display:flex;align-items:center;gap:.5em;margin:.4em 0 0;color:var(--ink-3);font-size:.92rem}
.tn-formcard-head .tn-icon{inline-size:17px;block-size:17px}

/* form */
.tn-formcard .tn-form-grid{gap:18px 16px}
.tn-formcard .tn-form-section{grid-column:1/-1;display:flex;align-items:center;gap:12px;margin-block-start:14px}
.tn-formcard .tn-form-section:first-child{margin-block-start:10px}
.tn-formcard .tn-form-section::after{content:"";flex:1;block-size:1px;background:var(--line)}
.tn-form-step{display:grid;place-items:center;inline-size:28px;block-size:28px;border-radius:50%;background:var(--ink);color:#fff;font-size:.82rem;font-weight:800;flex:none}
.tn-form-section h3{font-size:1.05rem;margin:0}
.tn-formcard .tn-field label,.tn-formcard .tn-field legend{font-size:.86rem;font-weight:700;color:var(--ink)}
.tn-formcard .tn-field input[type=text],.tn-formcard .tn-field input[type=email],.tn-formcard .tn-field select,.tn-formcard .tn-field textarea{padding:.9em 1em;border:1.5px solid var(--line-2);border-radius:12px;background:#fff;font-size:1rem;transition:border-color .2s,box-shadow .2s,background .2s}
.tn-formcard .tn-field input:hover,.tn-formcard .tn-field select:hover,.tn-formcard .tn-field textarea:hover{border-color:#b8bbc4}
.tn-formcard .tn-field input:focus,.tn-formcard .tn-field select:focus,.tn-formcard .tn-field textarea:focus{border-color:var(--red);box-shadow:0 0 0 4px rgba(235,33,39,.12)}
.tn-formcard .tn-field select{appearance:none;-webkit-appearance:none;padding-inline-end:2.6em;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237A7C87' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1em center}
[dir="rtl"] .tn-formcard .tn-field select{background-position:left 1em center}
.tn-formcard .tn-req{color:var(--red)}
/* platform tiles */
.tn-formcard .tn-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-block-start:.5em}
.tn-formcard .tn-checks .tn-check{align-items:center;padding:.85em 1em;border:1.5px solid var(--line-2);border-radius:12px;background:#fff;transition:border-color .2s,background .2s,box-shadow .2s}
.tn-formcard .tn-checks .tn-check:hover{border-color:#b8bbc4}
.tn-formcard .tn-checks .tn-check:has(input:checked){border-color:var(--red);background:var(--tint);box-shadow:0 0 0 3px rgba(235,33,39,.08)}
.tn-formcard .tn-checks .tn-check input{margin:0}
.tn-formcard .tn-checks .tn-check span{font-size:.92rem;line-height:1.3}
.tn-formcard .tn-field-checkbox .tn-check{padding:1em 1.1em;border:1.5px solid var(--line-2);border-radius:12px;background:var(--soft);font-size:.92rem;line-height:1.5}
.tn-formcard .tn-field-checkbox .tn-check:has(input:checked){border-color:#1b7a56;background:#E8F6EF}
.tn-formcard .tn-field-checkbox .tn-check input{accent-color:#1b7a56}
.tn-formcard .tn-field.is-invalid .tn-check{border-color:var(--red)}
/* submit */
.tn-formcard .tn-form-actions{flex-direction:column;align-items:stretch;gap:12px;margin-block-start:26px}
.tn-formcard .tn-form-actions .tn-btn{inline-size:100%;justify-content:center;padding-block:1.05em;font-size:1.05rem;border-radius:14px}
.tn-formcard .tn-form-note{display:flex;align-items:center;justify-content:center;gap:.5em;text-align:center}
.tn-formcard .tn-form-note::before{content:"";inline-size:15px;block-size:15px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2.5'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2.5'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center/contain no-repeat}
.tn-formcard .tn-form-status.is-success{padding:1.4em;border-radius:14px;font-size:1.05rem;text-align:center}
.tn-formcard .tn-form.is-sent .tn-form-section{display:none}

@media (max-width:960px){
	.tn-join-hero-grid,.tn-join-grid{grid-template-columns:1fr}
	.tn-join-art{display:none}
	.tn-join-side{position:static;padding-block-start:clamp(24px,5vw,40px);order:2}
	.tn-join-grid{margin-block-start:-28px}
	.tn-formcard{order:1}
}
@media (max-width:520px){
	.tn-formcard .tn-checks{grid-template-columns:1fr}
	.tn-join-badges li{font-size:.84rem}
}