
.skillLanding{--skill-blue:#125BCD;--skill-navy:#10346E;--skill-yellow:#FFC107;--skill-soft:#F4F8FF;--skill-text:#17345e;--skill-muted:#5d7391}.skillLanding .skillHero{padding:72px 0 82px;background:radial-gradient(circle at 88% 18%,rgba(255,193,7,.22),transparent 30%),linear-gradient(135deg,#f4f9ff,#fff 60%,#fff8dc)}.skillLanding .skillHeroGrid{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}.skillLanding .skillHero h1{font-size:clamp(40px,5vw,66px);line-height:1.02;letter-spacing:-2.8px;color:var(--skill-navy);margin:12px 0 18px}.skillLanding .skillLead{font-size:18px;line-height:1.75;color:var(--skill-muted);max-width:690px}.skillLanding .skillHeroVisual{position:relative;min-height:450px}.skillLanding .skillHeroPhoto{height:410px;border-radius:32px;overflow:hidden;box-shadow:0 24px 60px rgba(16,52,110,.16);border:8px solid #fff;background:#dce9fa}.skillLanding .skillHeroPhoto img{width:100%;height:100%;object-fit:cover}.skillLanding .skillBadgeFloat{position:absolute;left:24px;bottom:10px;background:#fff;border:1px solid #dce5f1;border-radius:20px;padding:15px 18px;box-shadow:0 16px 40px rgba(16,52,110,.14);max-width:310px}.skillLanding .skillBadgeFloat strong,.skillLanding .skillBadgeFloat span{display:block}.skillLanding .skillBadgeFloat span{color:var(--skill-muted);font-size:12px;margin-top:4px}.skillLanding .skillTrust{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.skillLanding .skillTrust span{background:#fff;border:1px solid #dce6f3;padding:8px 11px;border-radius:999px;font-size:11px;font-weight:800;color:var(--skill-navy)}.skillLanding .skillSection{padding:78px 0}.skillLanding .skillSection.alt{background:#f6f9fe}.skillLanding .skillSection.yellow{background:#fff9e5}.skillLanding .skillSectionHead{max-width:850px;margin-bottom:30px}.skillLanding .skillSectionHead h2{font-size:clamp(30px,4vw,45px);line-height:1.08;letter-spacing:-1.4px;color:var(--skill-navy);margin:11px 0}.skillLanding .skillSectionHead p{font-size:16px;line-height:1.75;color:var(--skill-muted);margin:0}.skillLanding .skillCards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.skillLanding .skillCard{background:#fff;border:1px solid #dce6f3;border-radius:22px;padding:25px;box-shadow:0 12px 30px rgba(16,52,110,.05)}.skillLanding .skillCard .skillIcon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#eaf2ff;color:var(--skill-blue);font-size:25px;margin-bottom:15px}.skillLanding .skillCard h3{margin:0 0 8px;color:var(--skill-navy);font-size:20px}.skillLanding .skillCard p{margin:0;color:var(--skill-muted);line-height:1.65;font-size:14px}.skillLanding .roadmap{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.skillLanding .roadStep{background:var(--skill-navy);color:#fff;border-radius:20px;padding:21px;min-height:170px}.skillLanding .roadStep:nth-child(even){background:var(--skill-blue)}.skillLanding .roadStep b{display:inline-flex;width:32px;height:32px;border-radius:50%;align-items:center;justify-content:center;background:rgba(255,255,255,.15);color:#fff;font-size:12px}.skillLanding .roadStep h3{font-size:18px;margin:16px 0 7px}.skillLanding .roadStep p{font-size:12px;line-height:1.6;color:#dce8fb;margin:0}.skillLanding .outcomeGrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.skillLanding .outcomePanel{border-radius:26px;padding:30px;background:#fff;border:1px solid #dce6f3}.skillLanding .outcomePanel.blue{background:linear-gradient(145deg,#125bcd,#10346e);color:#fff}.skillLanding .outcomePanel.yellow{background:linear-gradient(145deg,#ffc107,#f0aa00);color:#17345e}.skillLanding .outcomePanel h3{font-size:25px;margin:0 0 13px}.skillLanding .outcomePanel ul{margin:0;padding-left:20px;line-height:1.9}.skillLanding .modeGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.skillLanding .mode{border-radius:26px;padding:29px;border:1px solid #dce6f3}.skillLanding .mode.online{background:#125bcd;color:#fff}.skillLanding .mode.offline{background:#fff1bd;color:#17345e}.skillLanding .mode h3{font-size:24px;margin:0 0 9px}.skillLanding .mode p,.skillLanding .mode li{line-height:1.7;font-size:14px}.skillLanding .skillCta{background:var(--skill-navy);border-radius:28px;padding:34px 38px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px}.skillLanding .skillCta h2{font-size:32px;margin:0 0 8px}.skillLanding .skillCta p{margin:0;color:#dce8fb;line-height:1.6}.skillLanding .faqGrid{display:grid;gap:12px}.skillLanding details.faq{background:#fff;border:1px solid #dce6f3;border-radius:16px;padding:16px 18px}.skillLanding details.faq summary{font-weight:900;color:var(--skill-navy);cursor:pointer}.skillLanding details.faq p{color:var(--skill-muted);line-height:1.7;margin:12px 0 0}.skillLanding .skillPriceNote{background:#fff;border:1px solid #e6d27c;border-radius:22px;padding:24px;display:flex;justify-content:space-between;gap:20px;align-items:center}.skillLanding .skillPriceNote strong{color:var(--skill-navy);font-size:20px}.skillLanding .skillPriceNote span{color:var(--skill-muted);font-size:13px;line-height:1.6}.skillLanding .skillPriceNote .btn{flex-shrink:0}@media(max-width:900px){.skillLanding .skillHeroGrid,.skillLanding .outcomeGrid,.skillLanding .modeGrid{grid-template-columns:1fr}.skillLanding .skillHeroVisual{min-height:370px}.skillLanding .skillCards{grid-template-columns:1fr 1fr}.skillLanding .roadmap{grid-template-columns:1fr 1fr}}@media(max-width:600px){.skillLanding .skillSection{padding:58px 0}.skillLanding .skillHero{padding:45px 0 55px}.skillLanding .skillHero h1{font-size:39px}.skillLanding .skillLead{font-size:16px}.skillLanding .skillHeroVisual{min-height:310px}.skillLanding .skillHeroPhoto{height:300px}.skillLanding .skillCards,.skillLanding .roadmap{grid-template-columns:1fr}.skillLanding .skillCta{display:block;padding:27px 22px}.skillLanding .skillCta .btn{width:100%;margin-top:18px}.skillLanding .skillPriceNote{display:block}.skillLanding .skillPriceNote .btn{width:100%;margin-top:15px}}
