:root{--cm-blue:#2563eb;--cm-text:#202b40;--cm-gray:#626565;--wb-blue:#2563eb;--wb-text:#202b40;--wb-gray:#626565}.community-hero{background:#f4f7ff;min-height:700px;padding:120px 0 96px;position:relative;overflow:hidden}.community-hero-grid-bg{opacity:.5;pointer-events:none;z-index:0;width:60%;height:100%;position:absolute;top:50%;right:-10%;transform:translateY(-50%)rotate(50deg)skew(-30deg)scaleY(.87)}.community-hero-grid-bg img{width:100%;height:auto}.community-hero-container{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:1280px;margin:0 auto;padding:0 24px;display:flex;position:relative}.community-hero-content{max-width:90%}.community-hero-title{font-family:var(--font-sora,"Inter",sans-serif);color:var(--cm-text);margin-bottom:16px;font-size:3rem;font-weight:800;line-height:1.1}@media (min-width:768px){.community-hero-title{font-size:3rem}}@media (min-width:1024px){.community-hero-title{font-size:3rem}}.community-hero-title-highlight{color:var(--cm-blue)}.community-hero-subtitle{color:var(--cm-gray);max-width:720px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:18px;line-height:1.6}.community-hero-cta{background:var(--cm-blue);color:#fff;border-radius:12px;align-items:center;gap:8px;margin:32px auto 0;padding:16px 32px;font-size:16px;font-weight:700;transition:box-shadow .3s,transform .2s;display:inline-flex;box-shadow:0 10px 15px #3b82f640,0 4px 6px #3b82f640}.community-hero-cta:hover{transform:translateY(-2px);box-shadow:0 14px 25px #3b82f659}.community-hero-cta-icon{flex-shrink:0}.community-hero-image-area{justify-content:center;align-items:center;display:flex;position:relative}.community-hero-image{z-index:2;border-radius:24px;width:100%;max-width:880px;height:auto;position:relative}.community-hero-artwork{pointer-events:none;opacity:1;z-index:1;position:absolute}.community-hero-artwork--1{width:400px;height:auto;animation:6s ease-in-out infinite community-hero-artwork-float;top:-20%;right:-15%;transform:rotate(30deg)}@media (min-width:768px){.community-hero-artwork--1{width:500px;top:-25%;right:-20%}}@keyframes community-hero-artwork-float{0%,to{transform:rotate(30deg)translate(0)translateY(0)}50%{transform:rotate(32deg)translate(15px)translateY(-10px)}}.community-hero-image-area:before,.community-hero-image-area:after{content:"";z-index:3;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:18px;position:absolute}.community-hero-image-area:before{background-image:url(/images/communinty/Course%20Card%205%204.png);background-size:19rem;border-radius:0;width:286px;height:140px;animation:5s ease-in-out infinite community-card-left;top:15rem;left:-7rem}.community-hero-image-area:after{background-image:url(/images/communinty/Career%20Map%20Roadmap%202.png);background-size:300px;width:300px;height:300px;animation:4s ease-in-out infinite community-card-right;bottom:-2rem;right:-8rem}@media (max-width:768px){.community-hero-image-area:before{width:170px;height:110px;bottom:-10px;left:-10px}.community-hero-image-area:after{width:200px;height:130px;top:-10px;right:-10px}}@keyframes community-card-left{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes community-card-right{0%,to{transform:translateY(0)}50%{transform:translateY(12px)}}@media (max-width:640px){.community-hero{min-height:auto;padding:60px 16px 80px}.community-hero-title{font-size:3rem}}.sc-how{background:#fff;padding:50px 24px}.sc-how-inner{max-width:1280px;margin:0 auto;padding:0 1.5rem}.sc-how-title{font-family:var(--font-sora,"Inter",sans-serif);color:var(--wb-text);margin-bottom:20px;font-size:2.625rem;font-weight:700}.sc-how-intro{color:var(--wb-gray);max-width:900px;font-size:1.125rem;line-height:1.6}.sc-how-intro-tagline{color:var(--wb-blue);max-width:900px;margin-bottom:5rem;font-size:1.125rem;font-weight:400;line-height:1.6}.sc-how-steps{flex-direction:column;gap:80px;max-width:1200px;margin:0 auto;display:flex}.sc-how-step{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.sc-how-step--right .sc-how-step-content{order:1}.sc-how-step--right .sc-how-step-visual,.sc-how-step--left .sc-how-step-content{order:2}.sc-how-step--left .sc-how-step-visual{order:1}.sc-how-step-head{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.sc-how-step-num{flex-shrink:0;width:32px;height:32px;margin-top:2px;position:relative}.sc-how-step-num-bg{background:linear-gradient(135deg,#7c3aed 0%,#8553db 100%);border-radius:50%;width:32px;height:32px;animation:2s ease-in-out infinite sc-step-num-blink}.sc-how-step-num--purple .sc-how-step-num-bg{background:linear-gradient(135deg,#7c3aed 0%,#8553db 100%)}@keyframes sc-step-num-blink{0%,to{opacity:1}50%{opacity:.5}}.sc-how-step-num-text{color:#fff;pointer-events:none;z-index:1;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex;position:absolute;inset:0}.sc-how-step-label{font-family:var(--font-sora,"Inter",sans-serif);color:#000;font-size:1.25rem;font-weight:700;line-height:1.35}.sc-how-step-body{position:relative}.sc-how-step-intro{color:#626565;margin-bottom:12px;font-size:1rem;font-weight:400;line-height:1.5}.sc-how-step-intro--second{margin-top:1.25rem}.sc-how-step-bullets li{margin-bottom:6px}.sc-how-step-bullets li:last-child{margin-bottom:0}.sc-how-step-link-paragraph{color:var(--wb-text);margin-top:16px;margin-bottom:0;font-size:1.125rem;font-weight:400;line-height:1.45}.sc-how-step-profile-link{color:var(--wb-blue);font-weight:500;text-decoration:underline}.sc-how-step-profile-link:hover{color:#1d4ed8}.sc-how-step-output{margin-top:20px;margin-bottom:0;font-size:1rem;line-height:1.5}.sc-how-step-outcome-label{color:#000;margin-bottom:4px;font-weight:700;display:block}.sc-how-step-outcome-text{color:#000;font-weight:400}.sc-how-step-visual{width:100%}.sc-how-step-visual-inner{opacity:0;justify-content:center;align-items:center;width:100%;min-height:280px;transition:opacity .8s ease-out,transform .8s ease-out;display:flex;transform:translateY(64px)scale(.95)}.sc-how-step-visual-inner--in-view{opacity:1;transform:translateY(0)scale(1)}.sc-how-step-img{-o-object-fit:contain;object-fit:contain;width:auto;max-width:100%;height:auto}.sc-how-step-btn{color:#fff;background:linear-gradient(90deg,#3858ed 0%,#4155b4 100%);border-radius:34px;justify-content:center;align-items:center;margin-top:24px;padding:16px 32px;font-size:1rem;font-weight:700;text-decoration:none;transition:box-shadow .2s,transform .2s;display:inline-flex}.sc-how-step-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #3858ed66}@media (max-width:1023px){.sc-how-step{grid-template-columns:1fr;gap:32px}.sc-how-step--right .sc-how-step-content,.sc-how-step--right .sc-how-step-visual,.sc-how-step--left .sc-how-step-content,.sc-how-step--left .sc-how-step-visual{order:unset}.sc-how-step-visual-inner{width:300px;height:300px;min-height:300px}}@media (max-width:640px){.sc-how{padding:60px 16px}.sc-how-title{font-size:2rem}.sc-how-steps{gap:60px}}.cta-banner{max-width:1200px;margin:0 auto;padding:80px 24px;position:relative}.cta-banner-inner{background:linear-gradient(90deg,#2ecf98 0%,#2c6db0 100%);border-radius:24px;flex-direction:column;gap:32px;padding:48px 32px;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.cta-banner-inner{flex-direction:row;justify-content:space-between;align-items:center;padding:64px}}.cta-banner-text{max-width:600px}.cta-banner-title{color:#fff;margin-bottom:16px;font-size:28px;font-weight:800;line-height:1.25}@media (min-width:768px){.cta-banner-title{font-size:36px}}.cta-banner-desc{color:#fff;font-size:16px;font-weight:500;line-height:1.5}.cta-banner-btn{color:#4056ba;background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:16px 32px;font-size:16px;font-weight:700;transition:box-shadow .3s,transform .2s;display:inline-flex}.cta-banner-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.cta-banner-artwork{pointer-events:none;opacity:.4;width:auto;max-width:280px;height:auto;position:absolute}.cta-banner-artwork--left{animation:12s linear infinite cta-artwork-move-left;top:-40px;left:-13rem;right:35%}.cta-banner-artwork--right{animation:10s linear infinite cta-artwork-move-right;bottom:-50px;right:-30px}ul.sc-how-step-bullets li{width:calc(50% - 5px)}.sc-how-step-bullets{color:#000;border-left:2px dashed #a78bfa;flex-wrap:wrap;align-items:center;margin:0 0 0 2rem;padding:12px 0 12px 20px;font-size:1rem;font-weight:600;line-height:1.7;display:flex;position:relative}@media (min-width:768px){.cta-banner-artwork{max-width:320px}.cta-banner-artwork--left{top:-119px;left:-13rem;right:30%}.cta-banner-artwork--right{opacity:.6;bottom:18px;right:-40px;max-width:440px!important}}@media (min-width:1024px){.cta-banner-artwork{max-width:380px}}@keyframes cta-artwork-move-left{0%{transform:translate(0)translateY(0)}25%{transform:translate(20px)translateY(-10px)}50%{transform:translate(40px)translateY(0)}75%{transform:translate(20px)translateY(10px)}to{transform:translate(0)translateY(0)}}@keyframes cta-artwork-move-right{0%{transform:translate(0)translateY(0)}25%{transform:translate(-15px)translateY(8px)}50%{transform:translate(-30px)translateY(0)}75%{transform:translate(-15px)translateY(-8px)}to{transform:translate(0)translateY(0)}}