[data-page=learning-paths] .hero{position:relative;padding:6rem 2rem;background:var(--gradient-brand);overflow:visible;min-height:600px;display:flex;align-items:center}.hero-layout{display:grid;grid-template-columns:1fr 3fr;gap:4rem;align-items:center;max-width:1600px;margin:0 auto;width:100%}[data-page=learning-paths] .hero-content{max-width:none;padding-right:2rem}[data-page=learning-paths] .hero h1{font-size:clamp(2.5rem, 6vw, 4rem);line-height:1.1;margin-bottom:1.75rem;color:var(--navy-dark);font-weight:900;letter-spacing:-.03em}.hero .lead{font-size:1.1875rem;line-height:1.75;color:var(--text-secondary);margin-bottom:2.5rem;max-width:100%}[data-page=learning-paths] .hero-actions{display:flex;gap:1.25rem;flex-wrap:wrap;margin-top:3rem}[data-page=learning-paths] .hero-actions .btn{padding:1.125rem 2.5rem;font-size:1.0625rem;font-weight:700;border-radius:8px;transition:all .3s ease;letter-spacing:.01em}[data-page=learning-paths] .hero-actions .btn-primary{box-shadow:0 6px 16px rgba(19,37,79,.2)}[data-page=learning-paths] .hero-actions .btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(19,37,79,.28)}.formats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;height:100%;width:100%}.formats-grid .card{background:var(--surface);border-radius:16px;padding:2.5rem 2.25rem;border:2px solid var(--border);box-shadow:var(--shadow-sm);transition:all .3s ease;display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:240px;position:relative;overflow:hidden}.formats-grid .card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--navy-primary) 0,var(--blue-primary) 100%);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.formats-grid .card:hover{transform:translateY(-6px);box-shadow:0 12px 24px rgba(19,37,79,.08),0 20px 48px rgba(47,123,255,.12);border-color:rgba(19,37,79,.25)}.formats-grid .card:hover::before{transform:scaleX(1)}.formats-grid .card-icon{font-size:3rem;margin-bottom:1.25rem;display:block;line-height:1;filter:none;color:var(--navy-primary)}.formats-grid .card h3{font-size:1.375rem;font-weight:800;margin-bottom:.875rem;color:var(--navy-dark);line-height:1.3}.formats-grid .card p{margin-bottom:0;font-size:.9375rem;line-height:1.7;color:var(--text-tertiary);flex-grow:1}.bg-subtle{background:var(--section-bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-header{text-align:center;margin-bottom:3.5rem}.section-eyebrow{display:inline-block;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--navy-primary);margin-bottom:1rem;padding:.5rem 1rem;background:var(--navy-subtle);border-radius:20px}.section-title{font-size:clamp(1.875rem, 4vw, 2.5rem);font-weight:800;color:var(--navy-dark);margin-bottom:1rem;letter-spacing:-.02em}.section-description{max-width:640px;margin:0 auto;font-size:1.0625rem;color:var(--text-tertiary);line-height:1.65}.card{background:var(--surface);border-radius:12px;padding:2.5rem 2rem;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:all .3s ease;position:relative;height:100%;display:flex;flex-direction:column}.card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--navy-primary) 0,var(--blue-primary) 100%);border-radius:12px 12px 0 0;opacity:0;transition:opacity .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(19,37,79,.08),0 12px 40px rgba(47,123,255,.12);border-color:rgba(19,37,79,.2)}.card:hover::before{opacity:1}.card h3{font-size:1.375rem;font-weight:700;margin-bottom:.875rem;color:var(--navy-dark);line-height:1.3}.card p{flex-grow:1;margin-bottom:1.25rem;line-height:1.7;color:var(--text-secondary);font-size:.9375rem}.feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.625rem}.feature-list li{position:relative;padding-left:1.75rem;font-size:.875rem;color:var(--text-tertiary);line-height:1.6}.feature-list li::before{content:'✓';position:absolute;left:0;top:0;color:var(--navy-primary);font-weight:700;font-size:1rem}.feature-list.compact{gap:.5rem}.feature-list.compact li{font-size:.8125rem;padding-left:1.5rem}.feature-list.compact li::before{font-size:.9375rem}.three-col{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.card-number{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:#f1f5f9;color:var(--text-primary);border:2px solid #e2e8f0;border-radius:12px;font-size:1.375rem;font-weight:800;margin-bottom:1.5rem;box-shadow:0 2px 4px rgba(0,0,0,.05);letter-spacing:-.02em}.card-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto;padding-top:1rem}.badge{display:inline-block;padding:.5rem 1rem;background:var(--navy-subtle);color:var(--primary-dark);border-radius:6px;font-size:.8125rem;font-weight:600;letter-spacing:.01em;border:1px solid rgba(19,37,79,.1);transition:all .2s ease}.badge:hover{background:var(--navy-primary);color:#fff;border-color:var(--navy-primary);transform:translateY(-1px)}[data-page=learning-paths] .cta-banner{background:var(--gradient-brand-soft);padding:4rem 3rem;border-radius:12px;text-align:center;position:relative;overflow:hidden}[data-page=learning-paths] .cta-banner::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,255,255,.08) 0,transparent 50%);pointer-events:none}[data-page=learning-paths] .cta-banner h2{color:#fff;font-size:clamp(1.875rem, 4vw, 2.5rem);margin-bottom:1rem;position:relative;font-weight:800;letter-spacing:-.02em}[data-page=learning-paths] .cta-banner p{color:rgba(255,255,255,.92);font-size:1.125rem;max-width:640px;margin:0 auto 2.5rem;position:relative;line-height:1.65}[data-page=learning-paths] .cta-banner .btn{background:var(--surface);color:var(--navy-primary);font-weight:700;padding:1.125rem 2.75rem;font-size:1.0625rem;position:relative;transition:all .3s ease;box-shadow:var(--shadow-lg);border-radius:8px}[data-page=learning-paths] .cta-banner .btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3);background:var(--surface)}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:0;padding:1.5rem 2rem;background:linear-gradient(to top,var(--section-bg-alt) 0,var(--surface) 100%);border-top:1px solid var(--border)}.carousel-btn{background:var(--surface);border:1.5px solid var(--border);width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-tertiary);box-shadow:var(--shadow-sm)}.carousel-btn:hover{background:var(--navy-primary);border-color:var(--navy-primary);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px rgba(19,37,79,.18)}.carousel-btn:active{transform:scale(.98)}.carousel-btn svg{width:20px;height:20px}.carousel-dots{display:flex;gap:.5rem;align-items:center}.carousel-dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--border);cursor:pointer;transition:all .3s ease;padding:0}.carousel-dot:hover{background:var(--text-muted);transform:scale(1.2)}.carousel-dot.active{background:var(--navy-primary);width:24px;border-radius:4px;box-shadow:0 2px 8px rgba(19,37,79,.25)}@media (max-width:768px){[data-page=learning-paths] .hero{padding:3.5rem 1.5rem;min-height:auto}.hero-layout{grid-template-columns:1fr;gap:3rem}[data-page=learning-paths] .hero h1{font-size:2.25rem}.hero .lead{font-size:1rem}[data-page=learning-paths] .hero-content{padding-right:0}.formats-grid{grid-template-columns:1fr;gap:1.5rem}.formats-grid .card{padding:2rem 1.75rem;min-height:auto}.formats-grid .card-icon{font-size:2.5rem;margin-bottom:1rem}.carousel-slide-group{gap:0}.carousel-slide-group .card{padding:2rem 1.5rem}.carousel-slide-group .card-icon{font-size:2.25rem}.card{padding:2rem 1.5rem}.three-col{grid-template-columns:1fr;gap:1.5rem}[data-page=learning-paths] .cta-banner{padding:3rem 1.5rem}[data-page=learning-paths] .hero-actions{flex-direction:column;gap:.75rem}[data-page=learning-paths] .hero-actions .btn{width:100%;text-align:center}.section-header{margin-bottom:2.5rem}.section-eyebrow{font-size:.8125rem}}@media (min-width:769px) and (max-width:1024px){.hero-layout{grid-template-columns:1fr 2.5fr;gap:2.5rem}[data-page=learning-paths] .hero{padding:4rem 1.5rem}.formats-grid{gap:1.5rem}.formats-grid .card{padding:2rem 1.75rem;min-height:220px}.three-col{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.container{max-width:1400px}}