.join-layout{padding:60px 0 100px}.join-intro{text-align:center;max-width:800px;margin:0 auto 60px}.join-intro h1{font-size:40px;font-weight:800;margin-bottom:20px}.join-intro p{color:var(--text-secondary);font-size:16px}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:60px}@media (max-width: 768px){.benefits-grid{grid-template-columns:1fr}}.benefit-card{padding:30px;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);text-align:center}.benefit-icon-box{width:56px;height:56px;background-color:var(--primary-light);color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:24px}.benefit-card h3{font-size:18px;margin-bottom:12px}.benefit-card p{color:var(--text-secondary);font-size:14px;line-height:1.6}.form-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:40px;max-width:800px;margin:0 auto;box-shadow:var(--shadow-lg)}.form-header{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border-color);text-align:center}.form-header h2{font-size:24px;margin-bottom:8px}.form-header p{font-size:14px;color:var(--text-secondary)}.form-section-title{font-size:16px;font-weight:700;text-transform:uppercase;color:var(--primary);letter-spacing:.5px;margin-top:30px;margin-bottom:20px}.form-section-title:first-of-type{margin-top:0}@media (max-width: 576px){.form-card{padding:24px}}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0b0f19b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;align-items:center;justify-content:center;padding:20px}.modal-overlay.active{display:flex}.modal-content{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:40px;max-width:500px;width:100%;text-align:center;box-shadow:var(--shadow-lg);animation:modalIn .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-icon-success{width:80px;height:80px;background-color:#10b9811a;color:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.modal-icon-success svg{width:48px;height:48px}.modal-content h3{font-size:24px;margin-bottom:12px}.modal-content p{color:var(--text-secondary);font-size:14px;margin-bottom:24px;line-height:1.6}.modal-details-box{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:20px;margin-bottom:24px;text-align:left}.modal-details-row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:8px}.modal-details-row:last-child{margin-bottom:0}.modal-details-label{color:var(--text-secondary)}.modal-details-val{font-weight:600;color:var(--text-primary)}.join-tabs{display:flex;border-bottom:2px solid var(--border-color);margin-bottom:30px;gap:16px}.join-tab-btn{flex:1;padding:16px;font-size:16px;font-weight:700;font-family:var(--font-heading);color:var(--text-secondary);cursor:pointer;text-align:center;border:none;background:none;border-bottom:3px solid transparent;transition:all var(--transition-speed) ease;display:flex;align-items:center;justify-content:center;gap:8px}.join-tab-btn:hover{color:var(--primary)}.join-tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.form-toggle-section{display:none}.form-toggle-section.active{display:block}