:root{--bg-dark: var(--background);--bg-darker: var(--surface-container-lowest);--text-primary: var(--on-surface);--text-secondary: var(--on-surface-variant);--accent-blue: var(--primary);--accent-purple: var(--tertiary);--glow-spread: rgba(125, 211, 252, .2);--glass-bg: var(--glass-bg);--glass-border: var(--glass-border);--heroes-blue: #4fc3f7;--heroes-glow: rgba(79, 195, 247, .3);--legends-gold: #f8c94e;--legends-purple: #9c27b0;--legends-glow: rgba(156, 39, 176, .35)}body{font-family:var(--font-body),sans-serif!important;background-color:var(--background)!important;color:var(--on-surface)!important;line-height:1.6!important}h1,h2{font-family:Outfit,sans-serif!important}h3,h4,h5,h6{font-family:var(--font-heading),sans-serif!important}a{text-decoration:none!important;color:inherit!important}.container,.join-container{max-width:1600px!important;margin:0 auto!important;padding:0 2rem!important;width:100%!important}.hero{min-height:100vh;display:flex;align-items:center;padding-top:80px}.fade-in{animation:fadeInUp .9s ease-out both}.fade-in-delayed{animation:fadeInUp .9s ease-out .35s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.section-title{text-align:center;margin-bottom:4rem}.section-title h2{font-size:3rem;margin-bottom:1rem}.section-title h2 span{color:var(--accent-purple)}.section-title p{color:var(--text-secondary);font-size:1.1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-card{text-align:left;padding:2.25rem 2rem;border-radius:20px;display:flex;flex-direction:column;height:100%}.feature-card h3{font-size:1.4rem;margin-bottom:.75rem;color:var(--text-primary)}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.feature-icon{width:52px;height:52px;border-radius:12px;background:#7dd3fc14;border:1px solid rgba(125,211,252,.2);box-shadow:0 0 15px #7dd3fc1a;font-size:1.5rem;color:var(--accent-blue);margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;align-self:flex-start;transition:transform .3s ease,background-color .3s ease,border-color .3s ease}.feature-card:hover .feature-icon{transform:scale(1.05);background:#7dd3fc1f;border-color:#7dd3fc66}.steps{display:flex;flex-direction:column;gap:40px;margin-top:40px;position:relative;z-index:1}.step{flex:1;text-align:center;position:relative}.step-number{width:70px;height:70px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;margin:0 auto 20px;box-shadow:0 0 20px #00f0ff4d}.step h3{font-size:1.5rem;margin-bottom:15px}.step p{color:var(--text-secondary)}.premium-join-card{position:relative;background:#0a0f1e73;border:1px solid var(--glass-border);border-radius:24px;padding:3rem 4rem;overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 30px 60px #00000080;margin:0 auto;max-width:1000px}.pjc-ambient{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(125,211,252,.08),transparent 60%);pointer-events:none;z-index:0}.pjc-content{position:relative;z-index:10;text-align:center;margin-bottom:3rem}.pjc-content h1{font-size:3rem;font-family:Outfit,sans-serif;font-weight:800}.pjc-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:700px;margin:1rem auto 2rem}.pjc-roles-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:3rem;position:relative;z-index:10}.pjc-role-col{display:flex;flex-direction:column}.pjc-role-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.pjc-role-header h2{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:600;margin:0}.pjc-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.heroes-icon-glow{background:#4fc3f71a;color:var(--heroes-blue);border:1px solid rgba(79,195,247,.3);box-shadow:0 0 15px #4fc3f733}.legends-icon-glow{background:#f8c94e1a;color:var(--legends-gold);border:1px solid rgba(248,201,78,.3);box-shadow:0 0 15px #f8c94e33}.pjc-role-desc{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem}.pjc-list{list-style:none;padding:0}.pjc-list li{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem;font-size:.95rem;color:#ffffffd9}.pjc-divider-vertical{width:1px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.1),transparent)}@media (max-width: 768px){.premium-join-card{padding:2rem}.pjc-roles-grid{grid-template-columns:1fr;gap:2rem}.pjc-divider-vertical{width:100%;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.1),transparent)}}.positions-ecosystem{display:flex;flex-direction:column;gap:3rem;margin-top:3rem}.ecosystem-category-card{background:#0a0f1e66;border:1px solid var(--glass-border);border-radius:24px;padding:2.5rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 20px 40px #0000004d}.ecosystem-cat-header{display:flex;align-items:center;gap:1.2rem;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1.5rem}.cat-num{background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;box-shadow:0 0 15px #7b2ff74d;flex-shrink:0}.cat-icon{font-size:1.5rem;color:var(--text-primary)}.ecosystem-cat-header h3{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.ecosystem-roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.ecosystem-role-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.ecosystem-role-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0006;background:#ffffff0f}.role-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.2rem}.role-icon{font-size:1.2rem;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;flex-shrink:0}.ecosystem-role-card h4{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary);line-height:1.3}.role-points{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem;flex-grow:1}.role-points li{font-size:.9rem;color:var(--text-secondary);display:flex;align-items:flex-start;gap:.5rem;line-height:1.4}.role-points li:before{content:"→";color:#ffffff80;font-weight:700}.role-border-blue{border-top:3px solid var(--accent-blue)}.role-border-pink{border-top:3px solid #ff007f}.role-border-purple{border-top:3px solid var(--accent-purple)}.role-border-green{border-top:3px solid #00e676}.role-border-orange{border-top:3px solid #ff9100}.text-blue{color:var(--accent-blue)}.text-pink{color:#ff007f}.text-purple{color:var(--accent-purple)}.text-green{color:#00e676}.text-orange{color:#ff9100}@media (max-width: 768px){.ecosystem-category-card{padding:1.5rem}.ecosystem-cat-header{flex-wrap:wrap}.steps{gap:20px}}@media (min-width: 768px){.steps{flex-direction:row}}