.join{padding:var(--section-padding-y) 0;background:var(--color-white)}.join__header{max-width:700px;margin-bottom:var(--space-16)}.join__label{font-family:var(--font-display), sans-serif;font-size:var(--text-xs);font-weight:var(--font-weight-black);color:var(--color-blue-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4)}.join__heading{font-family:var(--font-display), sans-serif;font-size:var(--text-5xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-dark);line-height:var(--line-height-snug);letter-spacing:-.02em;margin-bottom:var(--space-5)}.join__subtitle{font-size:var(--text-lg);color:var(--color-text-body);line-height:var(--line-height-relaxed)}.join__block-title{font-family:var(--font-display), sans-serif;font-size:var(--text-2xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-dark);margin-bottom:var(--space-4)}.join__steps-block{margin-bottom:var(--space-20)}.join__steps{gap:var(--space-5);counter-reset:none;flex-direction:column;display:flex}.join__step{align-items:flex-start;gap:var(--space-5);padding:var(--space-5) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex}.join__step-number{border-radius:var(--radius-full);background:var(--color-blue-primary);width:40px;height:40px;color:var(--color-white);font-family:var(--font-display), sans-serif;font-size:var(--text-lg);font-weight:var(--font-weight-black);flex-shrink:0;justify-content:center;align-items:center;display:flex}.join__step-body{gap:var(--space-1);flex-direction:column;display:flex}.join__step-title{font-family:var(--font-display), sans-serif;font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text-dark)}.join__step-text{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--line-height-normal)}.join__consent-block{gap:var(--space-6);padding:var(--space-8);background:var(--color-yellow-light);border:1px solid var(--color-yellow);border-radius:var(--radius-xl);margin-bottom:var(--space-12);align-items:flex-start;display:flex}.join__consent-icon{border-radius:var(--radius-md);background:var(--color-yellow);width:56px;height:56px;color:var(--color-text-dark);flex-shrink:0;justify-content:center;align-items:center;display:flex}.join__consent-text{gap:var(--space-2);flex-direction:column;display:flex}.join__consent-description{font-size:var(--text-base);color:var(--color-text-body);line-height:var(--line-height-relaxed);max-width:640px;margin-bottom:var(--space-2)}.join__consent-download{align-items:center;gap:var(--space-2);width:fit-content;padding:var(--space-3) var(--space-6);background:var(--color-orange);color:var(--color-white);font-family:var(--font-display), sans-serif;font-size:var(--text-sm);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);transition:background var(--transition-base), transform var(--transition-base);display:inline-flex;box-shadow:0 2px 10px #f265224d}.join__consent-download:hover{background:#d4561e;transform:translateY(-1px)}.join__cta-wrapper{perspective:1500px;width:100%;position:relative}.join__cta-block{isolation:isolate;text-align:center;background:var(--color-surface-alt);border:1px solid var(--color-border);border-top:4px solid var(--color-blue-primary);border-radius:var(--radius-xl);transform-style:preserve-3d;will-change:transform;transition:transform .6s cubic-bezier(.16, 1, .3, 1), border-color var(--transition-base), box-shadow .6s cubic-bezier(.16, 1, .3, 1);flex-direction:column;align-items:center;padding:clamp(2.5rem,5vw,4rem) clamp(1.5rem,4vw,3rem);display:flex;position:relative}.join__cta-block--active{border-color:var(--color-blue-mid);box-shadow:0 30px 60px #0d6e9a29,0 15px 25px #0000000a}.join__cta-block>*{transition:transform .1s ease-out;transform:translateZ(25px)}.join__cta-icon-wrap{border-radius:var(--radius-full);background:var(--color-white);border:1px solid var(--color-border);width:56px;height:56px;color:var(--color-blue-primary);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex;transform:translateZ(45px)}.join__cta-title{font-family:var(--font-display), sans-serif;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:var(--font-weight-black);color:var(--color-text-dark);line-height:var(--line-height-tight);margin-bottom:var(--space-3);max-width:24ch}.join__cta-text{font-size:var(--text-base);color:var(--color-text-body);line-height:var(--line-height-normal);max-width:580px;margin-bottom:var(--space-6)}.join__cta-warning{font-size:var(--text-sm);color:var(--color-orange);background:var(--color-orange-light);border:1px solid var(--color-orange);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-6)}.join__cta-warning code{font-family:monospace;font-weight:var(--font-weight-bold)}.join__cta-button{justify-content:center;align-items:center;gap:var(--space-2);width:min(100%,22rem);min-height:3.25rem;padding:var(--space-3) var(--space-6);background:var(--color-orange);color:var(--color-white);font-family:var(--font-display), sans-serif;font-size:var(--text-base);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);box-shadow:var(--shadow-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);text-decoration:none;display:inline-flex;position:relative;overflow:hidden;transform:translateZ(60px)}.join__cta-button:after{content:"";transition:transform var(--transition-slow);background:linear-gradient(120deg,#0000 0%,#ffffff4d 50%,#0000 100%);position:absolute;inset:0;transform:translate(-120%)}.join__cta-button:hover{box-shadow:var(--shadow-lg);background:#e05413;transform:translateZ(70px)scale(1.03)}.join__cta-button:hover:after{transform:translate(120%)}.join__cta-button:focus-visible,.join__consent-download:focus-visible{outline:3px solid var(--color-blue-primary);outline-offset:4px}.join__cta-hint{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);max-width:52ch}@media (width<=700px){.join__consent-block{flex-direction:column}.join__cta-block{padding:var(--space-6) var(--space-4)}.join__cta-title{max-width:none}.join__cta-button{width:100%}}