.page--join-us{background:var(--color-bg-primary)}.join-hero{position:relative;padding:var(--space-10) 0 var(--space-16);overflow:hidden}.join-hero__bg{position:absolute;inset:0;pointer-events:none}.join-hero__orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35}.join-hero__orb--1{width:400px;height:400px;top:-120px;inset-inline-start:-80px;background:radial-gradient(circle,#f2d8dc,transparent 70%)}.join-hero__orb--2{width:360px;height:360px;bottom:-120px;inset-inline-end:-60px;background:radial-gradient(circle,#e8c4c4,transparent 70%)}.join-hero__orb--3{width:260px;height:260px;top:30%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#fef3c7,transparent 70%);opacity:.25}.join-hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,black 40%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 85%)}.join-hero__content{position:relative;max-width:720px;margin:0 auto;text-align:center;z-index:1}.join-hero__back{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;margin-bottom:var(--space-6);transition:color var(--duration-normal) var(--ease-out-expo)}.join-hero__back:hover{color:var(--color-primary-600)}[dir=rtl] .join-hero__back svg{transform:scaleX(-1)}.join-hero__badge{display:none;align-items:center;gap:var(--space-2);margin-top:calc(var(--space-6) * -1);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,#f9e8e8,#f2d8dc);border:1px solid rgba(183,110,121,.18);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);color:#7a3b44;margin-bottom:var(--space-5)}.join-hero__title{font-size:clamp(2rem,5vw,3.25rem);font-weight:var(--font-bold);line-height:1.15;color:var(--color-text-primary);margin-bottom:var(--space-6)}.join-hero__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:560px;margin:0 auto}.join-hero__tldr-card{max-width:760px;margin:0 auto;padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);border:1px solid rgba(183,110,121,.2);background:linear-gradient(135deg,#f9e8e8a6,#ffffffeb);box-shadow:0 12px 36px #b76e791f;text-align:start}.join-hero__tldr-label{margin:0 0 var(--space-2);font-size:var(--text-sm);font-weight:var(--font-bold);color:#7a3b44}.join-hero__tldr-text{margin:0;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.join-form__layout{max-width:720px;margin:0 auto}.page--join-us .form-section__header{text-align:center;margin-bottom:var(--space-8);max-width:640px;margin-inline:auto}.join-field{display:flex;flex-direction:column;gap:var(--space-2)}.join-field__label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.join-field__label svg{color:var(--color-primary-500)}.join-field__required{color:#ef4444;font-weight:var(--font-bold)}.join-field__hint{font-weight:var(--font-normal);color:var(--color-text-tertiary);font-size:var(--text-xs)}.join-phone{display:flex;align-items:stretch;gap:var(--space-2)}.join-phone__code{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:var(--space-3) var(--space-3);background:#b76e790f;border:1px solid rgba(183,110,121,.18);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-primary-600)}.join-phone__input{flex:1;min-width:0}.join-toggle{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.join-toggle__option{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#fffc;border:1.5px solid rgba(0,0,0,.08);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo)}.join-toggle__option:hover{border-color:#b76e794d;color:var(--color-primary-600);background:#fff}.join-toggle__option.is-active{background:linear-gradient(135deg,#b76e7914,#b76e7914);border-color:var(--color-primary-500);color:var(--color-primary-700);box-shadow:0 2px 8px #b76e791f}.join-toggle__emoji{font-size:1.15rem;line-height:1}@media (max-width: 640px){.join-hero{padding:var(--space-12) 0 var(--space-10)}.join-hero__title{font-size:var(--text-3xl)}.join-hero__subtitle{font-size:var(--text-base)}.join-phone__code{min-width:60px;padding:var(--space-3) var(--space-2)}.join-toggle{gap:var(--space-2)}.join-toggle__option{padding:var(--space-3) var(--space-2);font-size:var(--text-xs)}}