:root{--ju-primary:#007bff;--ju-secondary:#00b4d8;--ju-success:#10b981;--ju-warning:#fbbf24;--ju-text-primary:#1a365d;--ju-text-secondary:#4a5568;--ju-text-tertiary:#64748b;--ju-text-muted:#94a3b8;--ju-bg-main:linear-gradient(135deg,rgba(0,123,255,.133),rgba(0,180,216,.133));--ju-bg-card:rgba(255,255,255,.9);--ju-bg-section:rgba(255,255,255,.05);--ju-bg-hero:rgba(255,255,255,.1);--ju-border:#e2e8f0;--ju-shadow:0 4px 20px rgba(0,123,255,.1);--ju-shadow-lg:0 8px 30px rgba(0,123,255,.2);--ju-gradient:linear-gradient(135deg,#007bff,#00b4d8);--ju-gradient-alt:linear-gradient(135deg,#3b82f6,#06b6d4);--ju-radius:1rem;--ju-radius-lg:1.5rem}@media (prefers-color-scheme:dark){:root{--ju-primary:#3b82f6;--ju-secondary:#22d3ee;--ju-text-primary:#eaeaea;--ju-text-secondary:#cbd5e0;--ju-text-tertiary:#cbd5e1;--ju-text-muted:#94a3b8;--ju-bg-main:linear-gradient(to bottom right,#0d0d14,#1a1a22);--ju-bg-card:rgba(13,23,38,.8);--ju-bg-section:rgba(15,23,42,.5);--ju-bg-hero:rgba(17,31,53,.8);--ju-border:rgba(71,85,105,.5);--ju-shadow:0 4px 6px rgba(0,0,0,.3);--ju-shadow-lg:0 8px 16px rgba(0,0,0,.4);--ju-gradient:linear-gradient(135deg,#3b82f6,#22d3ee);--ju-gradient-alt:linear-gradient(135deg,#60a5fa,#22d3ee)}}.join-us-main{background:var(--ju-bg-main);min-height:100vh;color:var(--ju-text-primary)}.join-us-content{padding-top:80px}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.join-hero{background:var(--ju-bg-hero);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:90vh;box-shadow:var(--ju-shadow);border:1px solid var(--ju-border);border-radius:20px;justify-content:center;align-items:center;margin-top:-150px;display:flex;position:relative;overflow:hidden}.hero-background{opacity:.3;position:absolute;top:0;bottom:0;left:0;right:0}.gradient-overlay{background:var(--ju-gradient-alt);opacity:.2;position:absolute;top:0;bottom:0;left:0;right:0}.glow-orb{filter:blur(60px);opacity:.3;will-change:opacity;border-radius:50%;animation:3s ease-in-out infinite pulse;position:absolute}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.5}}.glow-orb-1{background:var(--ju-primary);width:400px;height:400px;top:20%;left:20%}.glow-orb-2{background:var(--ju-secondary);width:400px;height:400px;animation-delay:1s;bottom:20%;right:20%}.glow-orb-3{background:#a855f7;width:300px;height:300px;animation-delay:2s;top:50%;left:50%}.circuit-pattern{opacity:.05;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%233b82f6' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-size:60px 60px;position:absolute;top:0;bottom:0;left:0;right:0}.join-hero-content{z-index:10;text-align:center;max-width:900px;padding:2rem;position:relative}.hero-badge{background:var(--ju-bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--ju-primary);box-shadow:var(--ju-shadow);border:1px solid var(--ju-border);border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1.5rem;font-weight:600;display:inline-flex}.badge-icon{font-size:1.25rem}.join-hero-title{color:var(--ju-text-primary);margin-bottom:1rem;font-size:max(2rem,min(5vw,3rem));font-weight:800}.gradient-text{background:var(--ju-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.join-hero-subtitle{color:var(--ju-text-secondary);max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.join-hero-buttons,.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-flex;box-shadow:0 4px 15px rgba(0,123,255,.3)}.btn-primary{background:var(--ju-gradient);color:#fff}.btn-secondary{color:#fff;background:linear-gradient(135deg,#3d70a7,#2a6654)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,123,255,.4)}.btn-secondary:hover{background:var(--ju-primary);transform:translateY(-2px)}.btn-primary.large,.btn-secondary.large{padding:1rem 2.5rem;font-size:1.125rem}.btn-icon{transition:transform .3s}.btn-primary:hover .btn-icon{transform:translate(4px)}.join-benefits,.community-stats,.social-platforms,.join-steps,.community-features,.community-testimonials{padding:4rem 1.5rem}.community-stats,.social-platforms{background:var(--ju-bg-section);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.community-features{background:#f9fafb}@media (prefers-color-scheme:dark){.community-features{background:#0f172a}}.section-title{text-align:center;color:var(--ju-text-primary);margin-bottom:1rem;font-size:max(2rem,min(4vw,2.5rem));font-weight:700}.section-subtitle{text-align:center;color:var(--ju-text-secondary);margin-bottom:3rem;font-size:1.125rem}.benefits-grid,.stats-grid,.steps-grid,.social-grid,.features-grid,.testimonials-grid{gap:2rem;margin-top:3rem;display:grid}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.steps-grid,.social-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.features-grid,.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.benefit-card,.step-card,.feature-item,.testimonial-card{background:var(--ju-bg-card);border-radius:var(--ju-radius);box-shadow:var(--ju-shadow);border:1px solid var(--ju-border);padding:2rem;transition:transform .3s,box-shadow .3s}.benefit-card,.step-card{text-align:center}.benefit-card:hover,.step-card:hover{box-shadow:var(--ju-shadow-lg);transform:translateY(-5px)}.feature-item:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.benefit-icon,.step-icon,.feature-icon,.stat-icon{margin-bottom:1rem;font-size:3rem}.benefit-card h3,.step-card h3,.feature-item h4{color:var(--ju-text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.benefit-card p,.step-card p,.feature-item p{color:var(--ju-text-secondary);font-size:.875rem;line-height:1.6}.benefit-list{margin:1rem 0 0;padding:0;list-style:none}.benefit-list li{color:var(--ju-text-tertiary);padding:.5rem 0 .5rem 1.5rem;font-size:.875rem;position:relative}.benefit-list li:before{content:"✓";color:var(--ju-success);font-weight:700;position:absolute;left:0}.stat-item{text-align:center;padding:2rem}.stat-number{color:var(--ju-primary);margin-bottom:.5rem;font-size:3rem;font-weight:800}.stat-label{color:var(--ju-text-secondary);font-size:1.1rem;font-weight:500}.stat-desc{color:var(--ju-text-muted);margin-top:.25rem;font-size:.875rem}.social-card{border:2px solid var(--ju-border);border-radius:var(--ju-radius);background:linear-gradient(145deg,#fff,#f8fafc);flex-direction:column;gap:1rem;padding:2rem;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex}@media (prefers-color-scheme:dark){.social-card{background:linear-gradient(145deg,#1e293b,#0f172a)}}.social-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.social-card-icon{border-radius:var(--ju-radius);width:4rem;height:4rem;box-shadow:var(--ju-shadow);justify-content:center;align-items:center;font-size:2rem;display:flex}.social-card h3{color:var(--ju-text-primary);margin:0;font-size:1.5rem;font-weight:700}.social-card p{color:var(--ju-text-tertiary);flex:1;margin:0}.social-followers{color:var(--ju-text-muted);font-size:.875rem;font-weight:600}.social-card-footer{border-top:1px solid var(--ju-border);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.social-link-text{color:var(--ju-primary);font-weight:600}.arrow-icon{transition:transform .3s}.social-card:hover .arrow-icon{transform:translate(4px)}.step-number{background:var(--ju-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1rem;font-size:1.5rem;font-weight:700;display:inline-flex}.step-action-btn{background:var(--ju-gradient);color:#fff;cursor:pointer;border:none;border-radius:.75rem;margin-top:1rem;padding:.75rem 1.5rem;font-weight:700;transition:transform .3s}.step-action-btn:hover{transform:scale(1.05)}.testimonial-stars{color:var(--ju-warning);margin-bottom:1rem;font-size:1.25rem}.testimonial-text{color:var(--ju-text-secondary);margin-bottom:1.5rem;font-style:italic;line-height:1.6}.testimonial-author{align-items:center;gap:1rem;display:flex}.author-avatar{background:var(--ju-gradient);border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.5rem;display:flex}.author-name{color:var(--ju-text-primary);font-weight:700}.author-role{color:var(--ju-text-tertiary);font-size:.875rem}.join-cta{text-align:center;background:var(--ju-bg-hero);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--ju-border);border-radius:20px;margin:2rem;padding:5rem 1.5rem;position:relative;overflow:hidden}.cta-background{background:var(--ju-bg-card);border:1px solid var(--ju-border);position:absolute;top:0;bottom:0;left:0;right:0}.cta-content{z-index:10;color:var(--ju-text-primary);position:relative}.cta-content h2{margin-bottom:1rem;font-size:max(2rem,min(4vw,2.5rem));font-weight:800}.cta-content p{color:var(--ju-text-secondary);margin-bottom:2rem;font-size:1.2rem}.cta-note{color:var(--ju-text-secondary);margin-top:2rem;font-size:.875rem}.cta-link{color:var(--ju-primary);font-weight:600;text-decoration:underline}.animate-on-scroll{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(30px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.join-hero{margin:1rem}.join-hero-title{font-size:2rem}.join-hero-buttons,.cta-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:300px}.btn-primary.large,.btn-secondary.large{width:100%}.benefits-grid,.stats-grid,.steps-grid,.social-grid,.features-grid,.testimonials-grid{grid-template-columns:1fr}.container{padding:0 1rem}.join-cta{margin:1rem}}@media (prefers-reduced-motion:reduce){*,.animate-on-scroll{opacity:1;transform:none;transition:none!important;animation:none!important}}