.join-mascot-stage{padding:5rem 0 4rem;background:linear-gradient(160deg,#0d1117 0,#111820 50%,#0d1117 100%);min-height:85vh}.join-mascot-stage::before{content:'';position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(88,166,255,.08) 0,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:6s ease-in-out infinite mascot-glow-breathe}@keyframes mascot-glow-breathe{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.15);opacity:1}}.join-mascot-avatar{width:280px;height:280px;object-fit:cover;border:3px solid rgba(255,255,255,.08);z-index:2;box-shadow:0 0 80px rgba(88,166,255,.12),0 20px 60px rgba(0,0,0,.4);transition:transform .6s cubic-bezier(.34,1.56,.64,1),box-shadow .5s}.join-mascot-hero-wrap:hover .join-mascot-avatar{transform:scale(1.06) rotate(-2deg);box-shadow:0 0 100px rgba(88,166,255,.25),0 20px 60px rgba(0,0,0,.5)}.join-mascot-orbit{inset:-30px;border:1.5px dashed rgba(88,166,255,.15);animation:40s linear infinite mascot-ring-spin}.join-mascot-orbit-2{inset:-55px;border:1px dashed rgba(88,166,255,.08);animation:60s linear infinite reverse mascot-ring-spin}@keyframes mascot-ring-spin{to{transform:rotate(360deg)}}.join-mascot-connector{gap:8px;padding:1.2rem 0}.join-mascot-dot{width:5px;height:5px;background:#58a6ff;opacity:0;animation:.4s ease-out forwards dot-appear}.join-mascot-dot:first-child{animation-delay:1.2s}.join-mascot-dot:nth-child(2){animation-delay:1.4s;width:4px;height:4px}.join-mascot-dot:nth-child(3){animation-delay:1.6s;width:3px;height:3px}@keyframes dot-appear{0%{opacity:0;transform:scale(0)}60%{opacity:.8;transform:scale(1.5)}100%{opacity:.4;transform:scale(1)}}.join-mascot-meet-block{z-index:2}.join-mascot-name{font-size:3.2rem;font-weight:900;letter-spacing:-.02em;line-height:1.1;background:linear-gradient(135deg,#fff 20%,#58a6ff 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.join-mascot-description{font-size:1.15rem;font-weight:300;line-height:1.7;color:rgba(255,255,255,.6);max-width:420px}.join-mascot-meet-text{font-size:1.3rem;font-weight:300;line-height:1.7;color:rgba(255,255,255,.55);max-width:340px}.join-mascot-label{font-family:'Segoe UI',system-ui,sans-serif;font-weight:800;font-size:.65rem;letter-spacing:.2em;color:rgba(88,166,255,.9);border:1px solid rgba(88,166,255,.2);padding:.3rem .9rem;backdrop-filter:blur(4px)}.join-mascot-label-glow{box-shadow:0 0 20px rgba(88,166,255,.08)}.join-mascot-fadein{opacity:0;transform:translateY(24px);animation:.8s ease-out forwards mascot-reveal}.join-mascot-fadein-d1{animation-delay:.1s}.join-mascot-fadein-d2{animation-delay:.25s}.join-mascot-fadein-d3{animation-delay:.45s}.join-mascot-fadein-d4{animation-delay:.65s}.join-mascot-fadein-d5{animation-delay:.85s}.join-mascot-fadein-d6{animation-delay:1.05s}@keyframes mascot-reveal{to{opacity:1;transform:translateY(0)}}.join-mascot-particles{inset:0}.join-mascot-particle{position:absolute;width:3px;height:3px;background:rgba(88,166,255,.6);border-radius:50%;box-shadow:0 0 6px rgba(88,166,255,.4);animation:linear infinite mascot-float}.join-mascot-particle:first-child{left:5%;top:20%;animation-duration:7s;width:4px;height:4px}.join-mascot-particle:nth-child(2){left:12%;top:70%;animation-duration:9s;animation-delay:.6s}.join-mascot-particle:nth-child(3){left:20%;top:35%;animation-duration:11s;animation-delay:2s}.join-mascot-particle:nth-child(4){left:28%;top:85%;animation-duration:8s;animation-delay:1.2s;width:4px;height:4px}.join-mascot-particle:nth-child(5){left:35%;top:10%;animation-duration:10s;animation-delay:3.5s}.join-mascot-particle:nth-child(6){left:42%;top:60%;animation-duration:7.5s;animation-delay:.3s}.join-mascot-particle:nth-child(7){left:50%;top:90%;animation-duration:9.5s;animation-delay:1.8s;width:5px;height:5px}.join-mascot-particle:nth-child(8){left:58%;top:15%;animation-duration:8.5s;animation-delay:2.5s}.join-mascot-particle:nth-child(9){left:65%;top:50%;animation-duration:12s;animation-delay:4s}.join-mascot-particle:nth-child(10){left:72%;top:80%;animation-duration:7s;animation-delay:.9s;width:4px;height:4px}.join-mascot-particle:nth-child(11){left:78%;top:25%;animation-duration:10s;animation-delay:1.5s}.join-mascot-particle:nth-child(12){left:85%;top:65%;animation-duration:8s;animation-delay:3s}.join-mascot-particle:nth-child(13){left:92%;top:40%;animation-duration:11s;animation-delay:2.2s;width:4px;height:4px}.join-mascot-particle:nth-child(14){left:3%;top:55%;animation-duration:9s;animation-delay:3.8s}.join-mascot-particle:nth-child(15){left:17%;top:95%;animation-duration:6.5s;animation-delay:.5s}.join-mascot-particle:nth-child(16){left:48%;top:30%;animation-duration:10.5s;animation-delay:1s;width:5px;height:5px}.join-mascot-particle:nth-child(17){left:70%;top:5%;animation-duration:8s;animation-delay:2.8s}.join-mascot-particle:nth-child(18){left:88%;top:75%;animation-duration:9s;animation-delay:4.5s}@keyframes mascot-float{0%{transform:translateY(0) scale(1);opacity:0}10%,90%{opacity:1}100%{transform:translateY(-80vh) scale(.3);opacity:0}}.join-features-stage{background:linear-gradient(160deg,#0d1117 0,#131a24 50%,#0d1117 100%);padding:5rem 0}.join-features-heading{font-size:2.2rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;background:linear-gradient(135deg,#fff 30%,#58a6ff 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.join-features-lead{font-size:1.1rem;font-weight:300;line-height:1.7;color:rgba(255,255,255,.55)}.join-features-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:16px;transition:transform .35s,box-shadow .35s,border-color .35s}.join-features-card:hover{transform:translateY(-6px);border-color:rgba(88,166,255,.2);box-shadow:0 16px 48px rgba(0,0,0,.3),0 0 32px rgba(88,166,255,.06)}.join-features-emoji{font-size:2.6rem;line-height:1;display:block;margin-bottom:.75rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));transition:transform .35s}.join-features-card:hover .join-features-emoji{transform:scale(1.15)}.join-features-title{font-size:1.05rem;font-weight:700;color:rgba(255,255,255,.9);margin-bottom:.6rem}.join-features-text{font-size:.9rem;font-weight:300;line-height:1.65;color:rgba(255,255,255,.45)}.join-features-card::before{content:'';position:absolute;top:0;left:24px;right:24px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--accent,#58a6ff),transparent);opacity:0;transition:opacity .35s}.join-features-card:hover::before{opacity:1}.join-features-card[data-accent=blue]{--accent:#58a6ff}.join-features-card[data-accent=purple]{--accent:#bc8cff}.join-features-card[data-accent=green]{--accent:#3fb950}.join-features-card[data-accent=orange]{--accent:#f0883e}.join-features-card[data-accent=pink]{--accent:#f778ba}.join-features-card[data-accent=cyan]{--accent:#39d0d8}.join-features-card[data-accent=yellow]{--accent:#e3b341}.join-features-card[data-accent=red]{--accent:#f85149}@media (max-width:767px){.join-mascot-stage{min-height:auto;padding:3rem 0}.join-mascot-name{font-size:2.2rem}.join-mascot-avatar{width:200px;height:200px}.join-mascot-arrow-anchor{display:none}.join-mascot-connector{padding:.8rem 0}.join-mascot-orbit{inset:-20px}.join-mascot-orbit-2{inset:-40px}.join-features-stage{padding:3rem 0}.join-features-heading{font-size:1.6rem}}