
.jcl{--jcl-blue:#002CD0;--jcl-violet:#7A35EC;--jcl-cyan:#28C7FF;--jcl-pink:#FF3D7F;--jcl-yellow:#FFD23F;--jcl-deep:#101B4D;--jcl-text:#56627B;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--jcl-deep);background:linear-gradient(180deg,#FCFCFF 0%,#FFFFFF 55%,#FAFCFF 100%);overflow-x:clip}
.jcl *,.jcl *::before,.jcl *::after{box-sizing:border-box}.jcl-wrap{width:min(1240px,calc(100% - 48px));margin:0 auto}
.jcl-hero{padding:62px 0 58px;background:radial-gradient(circle at 8% 5%,rgba(255,61,127,.14),transparent 30%),radial-gradient(circle at 92% 12%,rgba(255,210,63,.17),transparent 31%),radial-gradient(circle at 82% 100%,rgba(40,199,255,.16),transparent 34%),linear-gradient(180deg,#FFF8FB 0%,#F7F4FF 45%,#ECFAFF 100%)}
.jcl-kicker,.jcl-eyebrow{display:inline-flex;align-items:center;min-height:29px;padding:6px 11px;border-radius:999px;background:linear-gradient(90deg,var(--jcl-blue),var(--jcl-violet));color:#fff;font-size:10px;line-height:1;font-weight:850;letter-spacing:.10em;text-transform:uppercase}
.jcl-hero h1{max-width:930px;margin:17px 0 14px;font-family:Sora,Inter,system-ui,sans-serif;font-size:clamp(40px,5vw,66px);line-height:1.04;letter-spacing:-.045em;color:var(--jcl-deep)}
.jcl-hero p{max-width:800px;margin:0;color:var(--jcl-text);font-size:17px;line-height:1.72}.jcl-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.jcl-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:999px;text-decoration:none!important;font-size:12px;font-weight:850;transition:.18s ease}
.jcl-btn:hover{transform:translateY(-1px)}.jcl-btn-primary{background:linear-gradient(90deg,var(--jcl-blue),var(--jcl-violet));color:#fff!important;box-shadow:0 8px 20px rgba(64,55,190,.18)}.jcl-btn-soft{background:rgba(255,255,255,.8);border:1px solid rgba(16,27,77,.11);color:var(--jcl-deep)!important}
.jcl-section{padding:66px 0}.jcl-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}.jcl-section-head h2{margin:13px 0 8px;font-family:Sora,Inter,system-ui,sans-serif;font-size:clamp(30px,3.3vw,44px);line-height:1.1;letter-spacing:-.035em;color:var(--jcl-deep)}
.jcl-section-head p{max-width:760px;margin:0;color:var(--jcl-text);font-size:15px;line-height:1.65}.jcl-text-link{color:var(--jcl-blue)!important;text-decoration:none!important;font-size:12px;font-weight:850;white-space:nowrap}
.jcl-latest-feed .zcm-course-archive{width:100%!important;max-width:none!important;margin:0!important}.jcl-latest-feed .zcm-course-archive-grid{display:grid!important;grid-template-columns:1fr!important;gap:22px!important}
.jcl-latest-feed .zcm-course-archive-card{position:relative!important;overflow:hidden!important;border:1px solid rgba(16,27,77,.09)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 12px 30px rgba(16,27,77,.07)!important}
.jcl-latest-feed .zcm-course-archive-card::before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:4px!important;background:linear-gradient(90deg,#002CD0,#28C7FF,#7A35EC,#FF3D7F)!important;z-index:2!important}
.jcl-latest-feed .zcm-course-archive-card-link{display:grid!important;grid-template-columns:minmax(260px,360px) minmax(0,1fr)!important;align-items:stretch!important;text-decoration:none!important;color:inherit!important}
.jcl-latest-feed .zcm-course-archive-image{min-height:220px!important;margin:0!important;border-radius:0!important;overflow:hidden!important;background:#EFF6FF!important}.jcl-latest-feed .zcm-course-archive-image img{width:100%!important;height:100%!important;min-height:220px!important;object-fit:cover!important;border-radius:0!important}
.jcl-latest-feed .zcm-course-archive-body{padding:28px 30px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.jcl-latest-feed .zcm-course-archive-title{margin:11px 0 10px!important;color:#101B4D!important;font-family:Sora,Inter,system-ui,sans-serif!important;font-size:clamp(23px,2.4vw,32px)!important;line-height:1.18!important;letter-spacing:-.025em!important}
.jcl-latest-feed .zcm-course-archive-excerpt{max-width:760px!important;margin:0 0 14px!important;color:#56627B!important;font-size:14px!important;line-height:1.72!important}.jcl-latest-feed .zcm-course-archive-open{color:#002CD0!important;font-weight:850!important}
.jcl-paths{background:linear-gradient(180deg,#FBFCFF,#F5F8FF)}.jcl-path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.jcl-path{min-height:170px;padding:22px;border-radius:20px;border:1px solid rgba(16,27,77,.08);text-decoration:none!important;box-shadow:0 8px 22px rgba(16,27,77,.05);transition:.18s ease}.jcl-path:hover{transform:translateY(-2px)}
.jcl-path span{display:block;margin-bottom:30px;font-size:10px;font-weight:900;letter-spacing:.10em;text-transform:uppercase}.jcl-path strong{display:block;font-family:Sora,Inter,system-ui,sans-serif;font-size:18px;line-height:1.36;color:#101B4D}.jcl-path-blue{background:linear-gradient(145deg,#EDF5FF,#F8FCFF)}.jcl-path-blue span{color:#002CD0}.jcl-path-violet{background:linear-gradient(145deg,#F5EFFF,#FFF7FC)}.jcl-path-violet span{color:#7A35EC}.jcl-path-amber{background:linear-gradient(145deg,#FFF6E8,#FFF9F3)}.jcl-path-amber span{color:#C66C08}.jcl-path-green{background:linear-gradient(145deg,#ECFBF7,#F7FFF9)}.jcl-path-green span{color:#08776F}
.jcl-method{padding-top:26px;padding-bottom:76px}.jcl-method-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:44px;padding:38px;border-radius:26px;background:linear-gradient(115deg,#172A86 0%,#5F29CE 48%,#B73276 100%);box-shadow:0 18px 42px rgba(39,29,104,.14)}.jcl-eyebrow-light{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18)}
.jcl-method-card h2{margin:13px 0 10px;color:#fff;font-family:Sora,Inter,sans-serif;font-size:clamp(28px,3.2vw,42px);line-height:1.08}.jcl-method-card>div>p{margin:0;color:rgba(255,255,255,.78);font-size:15px;line-height:1.7}.jcl-steps{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:1fr 1fr;gap:12px}.jcl-steps li{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:15px;border-radius:15px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.13)}.jcl-steps li>span{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:#FFD23F;color:#30275C;font-size:10px;font-weight:900}.jcl-steps strong{display:block;color:#fff;font-size:13px;margin-bottom:3px}.jcl-steps p{margin:0!important;color:rgba(255,255,255,.74)!important;font-size:12px!important;line-height:1.5!important}
@media(max-width:979px){.jcl-wrap{width:calc(100% - 40px)}.jcl-latest-feed .zcm-course-archive-card-link{grid-template-columns:250px 1fr!important}.jcl-path-grid{grid-template-columns:1fr 1fr}.jcl-method-card{grid-template-columns:1fr;gap:28px}}
@media(max-width:766px){.jcl-wrap{width:calc(100% - 28px)}.jcl-hero{padding:40px 0 38px}.jcl-hero h1{font-size:clamp(34px,10vw,48px)}.jcl-hero p{font-size:15px}.jcl-actions{flex-direction:column}.jcl-btn{width:100%}.jcl-section{padding:46px 0}.jcl-section-head{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:20px}.jcl-latest-feed .zcm-course-archive-card-link{grid-template-columns:1fr!important}.jcl-latest-feed .zcm-course-archive-image,.jcl-latest-feed .zcm-course-archive-image img{min-height:190px!important}.jcl-latest-feed .zcm-course-archive-body{padding:22px 20px!important}.jcl-path-grid{grid-template-columns:1fr}.jcl-path{min-height:130px}.jcl-path span{margin-bottom:18px}.jcl-method{padding-top:8px;padding-bottom:52px}.jcl-method-card{padding:26px 20px;border-radius:20px}.jcl-steps{grid-template-columns:1fr}}
