.join-hero{background:linear-gradient(135deg,#1a3140f2,#2a4150f2);color:#fff;padding:4rem 0;margin-bottom:3rem;position:relative;overflow:hidden}.join-hero:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:1}.join-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="40" r="1.5" fill="rgba(255,255,255,0.08)"/><circle cx="40" cy="80" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="90" cy="80" r="1.8" fill="rgba(255,255,255,0.06)"/></svg>');animation:float 20s infinite linear}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.join-hero-content{position:relative;z-index:3}.join-hero h1{font-family:Bebas Neue,sans-serif;font-size:3.5rem;margin-bottom:1rem;text-shadow:3px 3px 8px rgba(0,0,0,.8),1px 1px 3px rgba(0,0,0,.9);font-weight:700;color:#fff}.join-hero .subtitle{font-size:1.3rem;margin-bottom:2rem;opacity:.95;text-shadow:2px 2px 6px rgba(0,0,0,.7);color:#fff;font-weight:500}.hero-stats{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.hero-stat{text-align:center;padding:1rem;background:#ffffff1a;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.hero-stat-number{display:block;font-family:Bebas Neue,sans-serif;font-size:2.5rem;color:var(--color-accent-text);margin-bottom:.3rem}.benefits-section{margin:4rem 0}.benefit-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #0000001a;border:none;transition:all .3s ease;height:100%;position:relative;overflow:hidden}.benefit-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-accent)}.benefit-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.benefit-icon{width:70px;height:70px;background:var(--gradient-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff;font-size:2rem}.benefit-card h4{font-family:Saira Condensed,sans-serif;font-weight:700;color:#1a3140;margin-bottom:1rem;font-size:1.4rem}.benefit-card p{color:var(--color-text-muted);line-height:1.6}.form-section{background:linear-gradient(135deg,var(--color-light-bg) 0%,#ffffff 100%);padding:3rem;border-radius:25px;box-shadow:0 15px 35px #0000001a;position:relative}.form-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-accent);border-radius:25px 25px 0 0}.form-section h3{font-family:Bebas Neue,sans-serif;font-size:2.5rem;color:#1a3140;text-align:center;margin-bottom:2rem}.form-group{position:relative;margin-bottom:2rem}.form-control{border:2px solid var(--color-gray-200);border-radius:15px;padding:1rem 1.5rem;font-size:1rem;transition:all .3s ease;background:#fff}.form-control:focus{border-color:var(--color-accent-text);box-shadow:0 0 0 .2rem #6caddf40;transform:translateY(-2px)}.form-label{font-weight:600;color:#1a3140;margin-bottom:.5rem;font-family:Saira Condensed,sans-serif;font-size:1.1rem}.form-label i{margin-right:.5rem;color:var(--color-accent-text)}.submit-btn{background:var(--gradient-accent);border:none;padding:1rem 3rem;border-radius:25px;font-weight:600;font-size:1.1rem;color:#fff;transition:all .3s ease;box-shadow:0 4px 15px #6caddf4d;width:100%;margin-top:1rem}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #6caddf66;background:linear-gradient(135deg,#5ebed6,#4a9bc7)}.info-card{background:#1a3140;color:#fff;padding:2rem;border-radius:20px;text-align:center;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003}.info-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(108,173,223,.05) 0%,transparent 50%);animation:pulse 4s ease-in-out infinite}.info-card-content{position:relative;z-index:10;color:#fff}.info-card h4{color:#fff!important;font-weight:700;margin-bottom:1.5rem}.info-card .bi-info-circle{color:#6caddf!important;font-size:2rem!important;margin-bottom:1rem!important;display:block!important}.info-card strong{color:#6caddf!important;font-weight:700}.info-card div{color:#fff;line-height:1.6}.info-card small{color:#e9ecef;font-size:.9rem}@media (max-width: 768px){.join-hero{padding:2rem 0}.join-hero h1{font-size:2.5rem}.hero-stats{gap:1rem}.form-section{padding:2rem 1.5rem}.benefit-card{margin-bottom:1.5rem}}