:root{--ju-primary:#007bff;--ju-primary-light:#3b82f6;--ju-primary-dark:#0056b3;--ju-secondary:#00b4d8;--ju-secondary-light:#22d3ee;--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,0.13),rgba(0,180,216,0.13));--ju-bg-card:rgba(255,255,255,0.9);--ju-bg-section:rgba(255,255,255,0.05);--ju-bg-hero:rgba(255,255,255,0.1);--ju-bg-feature:#f9fafb;--ju-bg-social-card:linear-gradient(145deg,#ffffff,#f8fafc);--ju-border:#e2e8f0;--ju-border-light:#f3f4f6;--ju-shadow:0 4px 20px rgba(0,123,255,0.1);--ju-shadow-md:0 4px 15px rgba(0,123,255,0.3);--ju-shadow-lg:0 8px 30px rgba(0,123,255,0.2);--ju-shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1);--ju-gradient:linear-gradient(135deg,#007bff,#00b4d8);--ju-gradient-alt:linear-gradient(135deg,#3b82f6,#06b6d4);--ju-gradient-button-secondary:linear-gradient(135deg,#3d70a7,#2a6654);--ju-radius:1rem;--ju-radius-lg:1.5rem;--ju-radius-xl:20px;--ju-radius-full:9999px;--ju-transition:0.3s cubic-bezier(0.4,0,0.2,1);--ju-transition-slow:0.6s ease-out}.dark-mode:root,:root.dark-mode,html.dark-mode{--ju-primary:#3b82f6;--ju-primary-light:#60a5fa;--ju-primary-dark:#2563eb;--ju-secondary:#22d3ee;--ju-secondary-light:#67e8f9;--ju-success:#34d399;--ju-warning:#fcd34d;--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,0.8);--ju-bg-section:rgba(15,23,42,0.5);--ju-bg-hero:rgba(17,31,53,0.8);--ju-bg-feature:#0f172a;--ju-bg-social-card:linear-gradient(145deg,#1e293b,#0f172a);--ju-border:rgba(71,85,105,0.5);--ju-border-light:rgba(51,65,85,0.5);--ju-shadow:0 4px 6px rgba(0,0,0,0.3);--ju-shadow-md:0 4px 15px rgba(0,180,255,0.4);--ju-shadow-lg:0 8px 16px rgba(0,0,0,0.4);--ju-shadow-xl:0 20px 25px -5px rgba(0,0,0,0.5);--ju-gradient:linear-gradient(135deg,#3b82f6,#22d3ee);--ju-gradient-alt:linear-gradient(135deg,#60a5fa,#22d3ee);--ju-gradient-button-secondary:linear-gradient(135deg,#475569,#334155)}.join-us-main{min-height:100vh;background:var(--ju-bg-main);color:var(--ju-text-primary);transition:background var(--ju-transition),color var(--ju-transition)}.join-us-content{padding-top:80px}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.join-hero{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:-150px;background:var(--ju-bg-hero);backdrop-filter:blur(10px);border-radius:var(--ju-radius-xl);box-shadow:var(--ju-shadow);border:1px solid var(--ju-border);transition:all var(--ju-transition)}.hero-background{opacity:.3}.gradient-overlay,.hero-background{position:absolute;inset:0;transition:opacity var(--ju-transition)}.gradient-overlay{background:var(--ju-gradient-alt);opacity:.2}.glow-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.3;animation:pulse 3s ease-in-out infinite;will-change:opacity;transition:background var(--ju-transition)}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.5}}.glow-orb-1{top:20%;left:20%;background:var(--ju-primary)}.glow-orb-1,.glow-orb-2{width:400px;height:400px}.glow-orb-2{bottom:20%;right:20%;background:var(--ju-secondary);animation-delay:1s}.glow-orb-3{top:50%;left:50%;width:300px;height:300px;background:#a855f7;animation-delay:2s}.circuit-pattern{position:absolute;inset:0;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;transition:opacity var(--ju-transition)}.dark-mode .circuit-pattern{opacity:.08}.join-hero-content{position:relative;z-index:10;text-align:center;max-width:900px;padding:2rem}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--ju-bg-card);backdrop-filter:blur(12px);padding:.75rem 1.5rem;border-radius:var(--ju-radius-full);font-weight:600;color:var(--ju-primary);margin-bottom:1.5rem;box-shadow:var(--ju-shadow);border:1px solid var(--ju-border);transition:all var(--ju-transition)}.badge-icon{font-size:1.25rem}.join-hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:1rem;color:var(--ju-text-primary);line-height:1.2;letter-spacing:-.02em;transition:color var(--ju-transition)}.gradient-text{background:var(--ju-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.join-hero-subtitle{font-size:clamp(1rem,2.5vw,1.2rem);margin-bottom:2rem;color:var(--ju-text-secondary);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6;transition:color var(--ju-transition)}.cta-buttons,.join-hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:.8rem 2rem;border-radius:12px;font-weight:600;text-decoration:none;transition:all var(--ju-transition);border:none;cursor:pointer;font-size:1rem;box-shadow:var(--ju-shadow-md);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;position:relative;overflow:hidden}.btn-primary:before,.btn-secondary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-primary:hover:before,.btn-secondary:hover:before{width:300px;height:300px}.btn-primary{background:var(--ju-gradient);color:white}.btn-secondary{background:var(--ju-gradient-button-secondary);color:white}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,123,255,.4)}.btn-secondary:hover{background:var(--ju-primary)}.dark-mode .btn-primary:hover,.dark-mode .btn-secondary:hover{box-shadow:0 6px 20px rgba(0,180,255,.5)}.btn-primary:active,.btn-secondary:active{transform:translateY(0)}.btn-primary.large,.btn-secondary.large{padding:1rem 2.5rem;font-size:1.125rem}.btn-icon{transition:transform var(--ju-transition);position:relative;z-index:1}.btn-primary:hover .btn-icon,.btn-secondary:hover .btn-icon{transform:translateX(4px)}.community-features,.community-stats,.community-testimonials,.join-benefits,.join-steps,.social-platforms{padding:4rem 1.5rem;transition:background var(--ju-transition)}.community-stats,.social-platforms{background:var(--ju-bg-section);backdrop-filter:blur(10px)}.community-features{background:var(--ju-bg-feature)}.section-title{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;margin-bottom:1rem;color:var(--ju-text-primary);letter-spacing:-.02em}.section-subtitle,.section-title{text-align:center;transition:color var(--ju-transition)}.section-subtitle{color:var(--ju-text-secondary);margin-bottom:3rem;font-size:1.125rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.benefits-grid,.features-grid,.social-grid,.stats-grid,.steps-grid,.testimonials-grid{display:grid;gap:2rem;margin-top:3rem}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.social-grid,.steps-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,.feature-item,.step-card,.testimonial-card{background:var(--ju-bg-card);padding:2rem;border-radius:var(--ju-radius);box-shadow:var(--ju-shadow);transition:all var(--ju-transition);border:1px solid var(--ju-border);backdrop-filter:blur(10px)}.benefit-card,.step-card{text-align:center}.benefit-card:hover,.step-card:hover{transform:translateY(-5px);box-shadow:var(--ju-shadow-lg)}.feature-item:hover{transform:translateY(-4px);box-shadow:var(--ju-shadow-lg)}.testimonial-card{display:flex;flex-direction:column;gap:1rem}.benefit-icon,.feature-icon,.stat-icon,.step-icon{font-size:3rem;margin-bottom:1rem;transition:transform var(--ju-transition)}.benefit-card:hover .benefit-icon,.feature-item:hover .feature-icon,.step-card:hover .step-icon{transform:scale(1.1)}.benefit-card h3,.feature-item h4,.step-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--ju-text-primary);transition:color var(--ju-transition)}.benefit-card p,.feature-item p,.step-card p{color:var(--ju-text-secondary);line-height:1.6;font-size:.875rem;transition:color var(--ju-transition)}.benefit-list{list-style:none;padding:0;margin:1rem 0 0}.benefit-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--ju-text-tertiary);font-size:.875rem;transition:color var(--ju-transition)}.benefit-list li:before{content:"✓";position:absolute;left:0;color:var(--ju-success);font-weight:700}.stat-item{text-align:center;padding:2rem}.stat-number{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:var(--ju-primary);margin-bottom:.5rem}.stat-label,.stat-number{transition:color var(--ju-transition)}.stat-label{font-size:1.1rem;color:var(--ju-text-secondary);font-weight:500}.stat-desc{font-size:.875rem;color:var(--ju-text-muted);margin-top:.25rem;transition:color var(--ju-transition)}.social-card{background:var(--ju-bg-social-card);border:2px solid var(--ju-border);border-radius:var(--ju-radius);padding:2rem;text-decoration:none;transition:all var(--ju-transition);display:flex;flex-direction:column;gap:1rem;cursor:pointer}.social-card:hover{transform:translateY(-8px);box-shadow:var(--ju-shadow-xl)}.social-card-icon{width:4rem;height:4rem;border-radius:var(--ju-radius);display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:var(--ju-shadow);transition:transform var(--ju-transition)}.social-card:hover .social-card-icon{transform:rotate(5deg) scale(1.1)}.social-card h3{font-size:1.5rem;font-weight:700;color:var(--ju-text-primary)}.social-card h3,.social-card p{margin:0;transition:color var(--ju-transition)}.social-card p{color:var(--ju-text-tertiary);flex:1;font-size:.9rem;line-height:1.6}.social-followers{font-size:.875rem;color:var(--ju-text-muted);font-weight:600;transition:color var(--ju-transition)}.social-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--ju-border);transition:border-color var(--ju-transition)}.social-link-text{font-weight:600;color:var(--ju-primary);transition:color var(--ju-transition)}.arrow-icon{transition:transform var(--ju-transition)}.social-card:hover .arrow-icon{transform:translateX(4px)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--ju-gradient);color:white;border-radius:50%;font-size:1.5rem;font-weight:700;margin-bottom:1rem;box-shadow:var(--ju-shadow);transition:transform var(--ju-transition)}.step-card:hover .step-number{transform:scale(1.1)}.step-action-btn{margin-top:1rem;padding:.75rem 1.5rem;background:var(--ju-gradient);color:white;border:none;border-radius:.75rem;font-weight:700;cursor:pointer;transition:all var(--ju-transition);font-family:inherit}.step-action-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,123,255,.4)}.step-action-btn:active{transform:scale(1.02)}.dark-mode .step-action-btn:hover{box-shadow:0 4px 12px rgba(0,180,255,.5)}.testimonial-stars{color:var(--ju-warning);font-size:1.25rem;margin-bottom:1rem;letter-spacing:2px}.testimonial-text{color:var(--ju-text-secondary);font-style:italic;margin-bottom:1.5rem;line-height:1.6;font-size:.95rem;transition:color var(--ju-transition)}.testimonial-author{display:flex;align-items:center;gap:1rem;margin-top:auto}.author-avatar{width:3rem;height:3rem;background:var(--ju-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.author-info{flex:1}.author-name{font-weight:700;color:var(--ju-text-primary);margin-bottom:.25rem}.author-name,.author-role{transition:color var(--ju-transition)}.author-role{font-size:.875rem;color:var(--ju-text-tertiary)}.join-cta{position:relative;padding:5rem 1.5rem;overflow:hidden;text-align:center;background:var(--ju-bg-hero);backdrop-filter:blur(10px);margin:2rem;border-radius:var(--ju-radius-xl);transition:all var(--ju-transition)}.cta-background,.join-cta{border:1px solid var(--ju-border)}.cta-background{position:absolute;inset:0;background:var(--ju-bg-card);transition:background var(--ju-transition)}.cta-content{position:relative;z-index:10;color:var(--ju-text-primary)}.cta-content h2{font-size:clamp(2rem,4vw,2.5rem);font-weight:800;margin-bottom:1rem;letter-spacing:-.02em;transition:color var(--ju-transition)}.cta-content p{font-size:clamp(1rem,2vw,1.2rem);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.cta-content p,.cta-note{color:var(--ju-text-secondary);transition:color var(--ju-transition)}.cta-note{margin-top:2rem;font-size:.875rem}.cta-link{color:var(--ju-primary);text-decoration:underline;font-weight:600;transition:color var(--ju-transition)}.cta-link:hover{color:var(--ju-primary-dark)}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity var(--ju-transition-slow),transform var(--ju-transition-slow)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}:focus-visible{outline:3px solid var(--ju-primary);outline-offset:2px;border-radius:4px}a:focus-visible,button:focus-visible{outline:3px solid var(--ju-primary);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width:1024px){.join-hero{min-height:80vh}}@media (max-width:768px){.join-hero{margin:1rem;min-height:70vh}.join-hero-title{font-size:2rem}.cta-buttons,.join-hero-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,.features-grid,.social-grid,.stats-grid,.steps-grid,.testimonials-grid{grid-template-columns:1fr;gap:1.5rem}.container{padding:0 1rem}.join-cta{margin:1rem;padding:3rem 1.5rem}.community-features,.community-stats,.community-testimonials,.join-benefits,.join-steps,.social-platforms{padding:3rem 1rem}}@media (max-width:480px){.join-hero{margin:.5rem}.join-hero,.join-hero-content{padding:1rem}.benefit-card,.feature-item,.social-card,.step-card,.testimonial-card{padding:1.5rem}.section-title{font-size:1.75rem}.glow-orb-1,.glow-orb-2,.glow-orb-3{width:200px;height:200px}}@media print{.btn-primary,.btn-secondary,.join-cta,.join-hero,.step-action-btn{display:none}.benefit-card,.feature-item,.step-card,.testimonial-card{break-inside:avoid;box-shadow:none;border:1px solid var(--ju-border)}.join-us-main{background:white;color:black}}@media (prefers-reduced-motion:reduce){*,.animate-on-scroll,:after,:before{animation:none!important;transition:none!important;opacity:1;transform:none}}.benefit-card,.btn-primary,.btn-secondary,.social-card,.step-card,.testimonial-card{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}*{transition:background-color var(--ju-transition),color var(--ju-transition),border-color var(--ju-transition),box-shadow var(--ju-transition)}