/* =====================================================
   Course Pro - 15 Layout Styles
   ===================================================== */

/* CLASSIC */
.csp-layout-classic .csp-wrapper { background: linear-gradient(180deg,#eef2fd 0%,#f7f9ff 60%,#e9eefb 100%) !important; }
.csp-layout-classic .csp-card { background: #ffffff !important; }
.csp-layout-classic .csp-card-body { background: #ffffff !important; }
.csp-layout-classic .csp-card .csp-card-body .csp-card-title { color: #14182b !important; }
.csp-layout-classic .csp-card .csp-card-body .csp-card-subtitle { color: #5b6273 !important; }
.csp-layout-classic .csp-card .csp-card-body .csp-meta-label { color: #9ca3af !important; }
.csp-layout-classic .csp-card .csp-card-body .csp-meta-value { color: #14182b !important; }
.csp-layout-classic .csp-card .csp-card-body .csp-card-desc { color: #5b6273 !important; }
.csp-layout-classic .csp-section-title { color: #14182b !important; }
.csp-layout-classic .csp-section-sub { color: #5b6273 !important; }

/* HORIZONTAL */
.csp-layout-horizontal .csp-wrapper { background: #eef2ff !important; }
.csp-layout-horizontal .csp-section-title { color: #14182b !important; }
.csp-layout-horizontal .csp-section-sub { color: #5b6273 !important; }
.csp-layout-horizontal .csp-courses-grid { grid-template-columns: 1fr !important; gap: 16px !important; max-width: 840px; margin: 0 auto; }
.csp-layout-horizontal .csp-card { flex-direction: row !important; background: #fff !important; border-radius: 16px !important; overflow: hidden !important; border: none !important; border-left: 5px solid var(--card-accent,#4f5dfb) !important; box-shadow: 0 2px 16px rgba(79,93,251,.10) !important; animation: none !important; min-height: 0 !important; transition: transform .2s, box-shadow .2s !important; }
.csp-layout-horizontal .csp-card::before, .csp-layout-horizontal .csp-card::after { display: none !important; }
.csp-layout-horizontal .csp-card:hover { transform: translateX(5px) !important; }
.csp-layout-horizontal .csp-card-img-wrap { width: 190px !important; min-width: 190px !important; height: auto !important; min-height: 160px !important; border-radius: 0 !important; flex-shrink: 0; }
.csp-layout-horizontal .csp-icon-circle { position: absolute !important; left: 171px !important; top: 50% !important; transform: translateY(-50%) !important; bottom: auto !important; margin: 0 !important; width: 38px !important; height: 38px !important; border: 3px solid #fff !important; z-index: 5; }
.csp-layout-horizontal .csp-card-body { flex: 1 !important; padding: 18px 20px 18px 28px !important; text-align: left !important; background: #fff !important; display: flex !important; flex-direction: column !important; justify-content: center !important; }
.csp-layout-horizontal .csp-card .csp-card-body .csp-card-title { color: #14182b !important; font-size: 16px !important; }
.csp-layout-horizontal .csp-card .csp-card-body .csp-card-subtitle { color: #6b7280 !important; }
.csp-layout-horizontal .csp-card .csp-card-body .csp-meta-label { color: #9ca3af !important; }
.csp-layout-horizontal .csp-card .csp-card-body .csp-meta-value { color: #14182b !important; }
.csp-layout-horizontal .csp-card-meta { justify-content: flex-start !important; gap: 24px !important; border-top: 1px solid #f0f2f8 !important; border-bottom: 1px solid #f0f2f8 !important; padding: 7px 0 !important; margin-bottom: 12px !important; }
.csp-layout-horizontal .csp-card-desc { display: none !important; }
.csp-layout-horizontal .csp-card-buttons { flex-direction: row !important; gap: 8px !important; max-width: 260px !important; }
.csp-layout-horizontal .csp-btn-outline { background: #f3f4f8 !important; color: #14182b !important; }
@media(max-width:640px){.csp-layout-horizontal .csp-card{flex-direction:column !important;border-left:none !important;border-top:5px solid var(--card-accent,#4f5dfb) !important;}.csp-layout-horizontal .csp-card-img-wrap{width:100% !important;min-width:unset !important;}.csp-layout-horizontal .csp-card-body{padding:20px 16px 16px !important;text-align:center !important;}.csp-layout-horizontal .csp-icon-circle{left:50% !important;top:auto !important;bottom:-18px !important;transform:translateX(-50%) !important;}}

/* GLASSMORPHISM (MINIMAL) */
.csp-layout-minimal .csp-wrapper { background: linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#9333ea 100%) !important; }
.csp-layout-minimal .csp-section-title { color: #fff !important; }
.csp-layout-minimal .csp-section-sub { color: rgba(255,255,255,.78) !important; }
.csp-layout-minimal .csp-eyebrow { color: rgba(255,255,255,.9) !important; }
.csp-layout-minimal .csp-eyebrow-line { background: rgba(255,255,255,.5) !important; }
.csp-layout-minimal .csp-title-underline { background: #fff !important; }
.csp-layout-minimal .csp-card { background: rgba(255,255,255,.16) !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; border: 1.5px solid rgba(255,255,255,.32) !important; border-radius: 20px !important; box-shadow: 0 8px 32px rgba(0,0,0,.22) !important; animation: none !important; transition: transform .3s, background .3s !important; }
.csp-layout-minimal .csp-card::before { display: none !important; }
.csp-layout-minimal .csp-card:hover { transform: translateY(-8px) scale(1.02) !important; background: rgba(255,255,255,.24) !important; }
.csp-layout-minimal .csp-card-body { background: transparent !important; }
.csp-layout-minimal .csp-card .csp-card-body .csp-card-title { color: #fff !important; }
.csp-layout-minimal .csp-card .csp-card-body .csp-card-subtitle { color: rgba(255,255,255,.75) !important; }
.csp-layout-minimal .csp-card .csp-card-body .csp-meta-label { color: rgba(255,255,255,.58) !important; }
.csp-layout-minimal .csp-card .csp-card-body .csp-meta-value { color: #fff !important; }
.csp-layout-minimal .csp-card .csp-card-body .csp-card-desc { color: rgba(255,255,255,.68) !important; }
.csp-layout-minimal .csp-card-meta { border-top: 1px solid rgba(255,255,255,.22) !important; border-bottom: 1px solid rgba(255,255,255,.22) !important; }
.csp-layout-minimal .csp-btn-enroll { background: rgba(255,255,255,.95) !important; color: #7c3aed !important; font-weight: 800 !important; }
.csp-layout-minimal .csp-btn-outline { background: rgba(255,255,255,.12) !important; color: rgba(255,255,255,.92) !important; border: 1.5px solid rgba(255,255,255,.28) !important; }
.csp-layout-minimal .csp-cat-btn { background: rgba(255,255,255,.14) !important; border-color: rgba(255,255,255,.28) !important; color: rgba(255,255,255,.88) !important; }
.csp-layout-minimal .csp-cat-btn.csp-cat-active { background: #fff !important; color: #7c3aed !important; border-color: #fff !important; }
.csp-layout-minimal .csp-features-strip { background: rgba(255,255,255,.12) !important; border: 1px solid rgba(255,255,255,.2) !important; }
.csp-layout-minimal .csp-features-strip .csp-feature-item strong { color: #fff !important; }
.csp-layout-minimal .csp-features-strip .csp-feature-item p { color: rgba(255,255,255,.65) !important; }

/* MAGAZINE */
.csp-layout-magazine .csp-wrapper { background: #0a0e1a !important; }
.csp-layout-magazine .csp-section-title { color: #fff !important; }
.csp-layout-magazine .csp-section-sub { color: rgba(255,255,255,.55) !important; }
.csp-layout-magazine .csp-eyebrow { color: #a78bfa !important; }
.csp-layout-magazine .csp-eyebrow-line { background: #a78bfa !important; }
.csp-layout-magazine .csp-title-underline { background: #a78bfa !important; }
.csp-layout-magazine .csp-courses-grid { grid-template-columns: repeat(2,1fr) !important; gap: 20px !important; }
.csp-layout-magazine .csp-courses-grid .csp-card:first-child { grid-column: span 2 !important; }
.csp-layout-magazine .csp-courses-grid .csp-card:first-child .csp-card-img-wrap { height: 280px !important; }
.csp-layout-magazine .csp-card { background: #131929 !important; border: 1px solid rgba(255,255,255,.07) !important; border-radius: 16px !important; overflow: hidden !important; animation: none !important; transition: transform .3s !important; }
.csp-layout-magazine .csp-card::before { display: none !important; }
.csp-layout-magazine .csp-card:hover { transform: translateY(-6px) !important; border-color: rgba(167,139,250,.4) !important; }
.csp-layout-magazine .csp-card-body { background: #131929 !important; }
.csp-layout-magazine .csp-card .csp-card-body .csp-card-title { color: #fff !important; font-weight: 800 !important; }
.csp-layout-magazine .csp-card .csp-card-body .csp-card-subtitle { color: rgba(255,255,255,.58) !important; }
.csp-layout-magazine .csp-card .csp-card-body .csp-meta-label { color: rgba(255,255,255,.42) !important; }
.csp-layout-magazine .csp-card .csp-card-body .csp-meta-value { color: #e2e8f0 !important; }
.csp-layout-magazine .csp-card .csp-card-body .csp-card-desc { color: rgba(255,255,255,.52) !important; }
.csp-layout-magazine .csp-card-meta { border-top: 1px solid rgba(255,255,255,.08) !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; }
.csp-layout-magazine .csp-btn-enroll { background: linear-gradient(135deg,#a78bfa,#4f5dfb) !important; }
.csp-layout-magazine .csp-btn-outline { background: rgba(255,255,255,.07) !important; color: rgba(255,255,255,.82) !important; border: 1px solid rgba(255,255,255,.12) !important; }
.csp-layout-magazine .csp-cat-btn { background: rgba(255,255,255,.07) !important; border-color: rgba(255,255,255,.12) !important; color: rgba(255,255,255,.75) !important; }
.csp-layout-magazine .csp-cat-btn.csp-cat-active { background: #a78bfa !important; border-color: #a78bfa !important; color: #fff !important; }
.csp-layout-magazine .csp-features-strip { background: #131929 !important; border-top: 1px solid rgba(255,255,255,.06) !important; }
.csp-layout-magazine .csp-features-strip .csp-feature-item strong { color: #fff !important; }
.csp-layout-magazine .csp-features-strip .csp-feature-item p { color: rgba(255,255,255,.55) !important; }
@media(max-width:640px){.csp-layout-magazine .csp-courses-grid{grid-template-columns:1fr !important;}.csp-layout-magazine .csp-courses-grid .csp-card:first-child{grid-column:span 1 !important;}}

/* NEON */
.csp-layout-neon .csp-wrapper { background: #070b14 !important; }
.csp-layout-neon .csp-section-title { color: #fff !important; }
.csp-layout-neon .csp-section-sub { color: rgba(255,255,255,.55) !important; }
.csp-layout-neon .csp-eyebrow { color: #4f5dfb !important; }
.csp-layout-neon .csp-eyebrow-line { background: #4f5dfb !important; }
.csp-layout-neon .csp-title-underline { background: #4f5dfb !important; }
.csp-layout-neon .csp-card { background: #0d1526 !important; border: 1.5px solid var(--neon-color,#4f5dfb) !important; border-radius: 14px !important; box-shadow: 0 0 12px var(--neon-color,rgba(79,93,251,.3)),inset 0 0 30px rgba(0,0,0,.4) !important; animation: neonPulse 3s ease-in-out infinite !important; }
.csp-layout-neon .csp-card::before { display: none !important; }
@keyframes neonPulse { 0%,100%{box-shadow:0 0 10px var(--neon-color,rgba(79,93,251,.3)),inset 0 0 30px rgba(0,0,0,.4);}50%{box-shadow:0 0 24px var(--neon-color,rgba(79,93,251,.6)),0 0 40px var(--neon-color,rgba(79,93,251,.2)),inset 0 0 30px rgba(0,0,0,.4);} }
.csp-layout-neon .csp-card:hover { transform: translateY(-6px) !important; box-shadow: 0 0 32px var(--neon-color,rgba(79,93,251,.7)) !important; }
.csp-layout-neon .csp-card-body { background: transparent !important; }
.csp-layout-neon .csp-card .csp-card-body .csp-card-title { color: #e2e8f0 !important; }
.csp-layout-neon .csp-card .csp-card-body .csp-card-subtitle { color: rgba(255,255,255,.52) !important; }
.csp-layout-neon .csp-card .csp-card-body .csp-meta-label { color: rgba(255,255,255,.42) !important; }
.csp-layout-neon .csp-card .csp-card-body .csp-meta-value { color: #e2e8f0 !important; }
.csp-layout-neon .csp-card .csp-card-body .csp-card-desc { color: rgba(255,255,255,.48) !important; }
.csp-layout-neon .csp-card-meta { border-color: rgba(255,255,255,.08) !important; }
.csp-layout-neon .csp-icon-circle { border-color: #070b14 !important; box-shadow: 0 0 16px var(--neon-color,rgba(79,93,251,.8)) !important; }
.csp-layout-neon .csp-btn-outline { background: rgba(255,255,255,.05) !important; color: rgba(255,255,255,.72) !important; }
.csp-layout-neon .csp-cat-btn { background: rgba(255,255,255,.07) !important; border-color: rgba(255,255,255,.15) !important; color: rgba(255,255,255,.8) !important; }
.csp-layout-neon .csp-cat-btn.csp-cat-active { background: #4f5dfb !important; border-color: #4f5dfb !important; color: #fff !important; }
.csp-layout-neon .csp-features-strip { background: #0d1526 !important; border: 1px solid rgba(79,93,251,.25) !important; }
.csp-layout-neon .csp-features-strip .csp-feature-item strong { color: #e2e8f0 !important; }
.csp-layout-neon .csp-features-strip .csp-feature-item p { color: rgba(255,255,255,.5) !important; }

/* SUNSET */
.csp-layout-sunset .csp-wrapper { background: linear-gradient(135deg,#ff6b35 0%,#f7931e 30%,#ec4899 70%,#a855f7 100%) !important; }
.csp-layout-sunset .csp-section-title { color: #fff !important; } .csp-layout-sunset .csp-section-sub { color: rgba(255,255,255,.85) !important; }
.csp-layout-sunset .csp-eyebrow { color: rgba(255,255,255,.95) !important; } .csp-layout-sunset .csp-eyebrow-line { background: rgba(255,255,255,.6) !important; } .csp-layout-sunset .csp-title-underline { background: #fff !important; }
.csp-layout-sunset .csp-card { background: #fff !important; border: none !important; border-radius: 18px !important; box-shadow: 0 8px 32px rgba(249,115,22,.2) !important; animation: none !important; transition: transform .3s, box-shadow .3s !important; }
.csp-layout-sunset .csp-card::before { display: none !important; }
.csp-layout-sunset .csp-card:hover { transform: translateY(-10px) rotate(-1deg) !important; }
.csp-layout-sunset .csp-card-body { background: #fff !important; }
.csp-layout-sunset .csp-card .csp-card-body .csp-card-title { color: #1c0a00 !important; } .csp-layout-sunset .csp-card .csp-card-body .csp-card-subtitle { color: #6b7280 !important; } .csp-layout-sunset .csp-card .csp-card-body .csp-meta-label { color: #9ca3af !important; } .csp-layout-sunset .csp-card .csp-card-body .csp-meta-value { color: #1c0a00 !important; } .csp-layout-sunset .csp-card .csp-card-body .csp-card-desc { color: #6b7280 !important; }
.csp-layout-sunset .csp-btn-outline { background: #fff7ed !important; color: #c2410c !important; }
.csp-layout-sunset .csp-cat-btn { background: rgba(255,255,255,.2) !important; border-color: rgba(255,255,255,.4) !important; color: #fff !important; }
.csp-layout-sunset .csp-cat-btn.csp-cat-active { background: #fff !important; color: #ea580c !important; border-color: #fff !important; }
.csp-layout-sunset .csp-features-strip { background: rgba(255,255,255,.15) !important; border: 1px solid rgba(255,255,255,.25) !important; }
.csp-layout-sunset .csp-features-strip .csp-feature-item strong { color: #fff !important; } .csp-layout-sunset .csp-features-strip .csp-feature-item p { color: rgba(255,255,255,.75) !important; }

/* FOREST */
.csp-layout-forest .csp-wrapper { background: linear-gradient(160deg,#14532d 0%,#166534 50%,#15803d 100%) !important; }
.csp-layout-forest .csp-section-title { color: #fff !important; } .csp-layout-forest .csp-section-sub { color: rgba(255,255,255,.78) !important; }
.csp-layout-forest .csp-eyebrow { color: #86efac !important; } .csp-layout-forest .csp-eyebrow-line { background: #86efac !important; } .csp-layout-forest .csp-title-underline { background: #86efac !important; }
.csp-layout-forest .csp-card { background: rgba(255,255,255,.95) !important; border: 2px solid rgba(134,239,172,.4) !important; border-radius: 16px !important; box-shadow: 0 6px 24px rgba(0,0,0,.3) !important; animation: none !important; transition: transform .3s !important; }
.csp-layout-forest .csp-card::before { display: none !important; }
.csp-layout-forest .csp-card:hover { transform: translateY(-8px) !important; border-color: #86efac !important; }
.csp-layout-forest .csp-card-body { background: rgba(255,255,255,.95) !important; }
.csp-layout-forest .csp-card .csp-card-body .csp-card-title { color: #14532d !important; } .csp-layout-forest .csp-card .csp-card-body .csp-card-subtitle { color: #4b7c59 !important; } .csp-layout-forest .csp-card .csp-card-body .csp-meta-label { color: #86a892 !important; } .csp-layout-forest .csp-card .csp-card-body .csp-meta-value { color: #14532d !important; } .csp-layout-forest .csp-card .csp-card-body .csp-card-desc { color: #4b7c59 !important; }
.csp-layout-forest .csp-btn-enroll { background: #16a34a !important; } .csp-layout-forest .csp-btn-outline { background: #f0fdf4 !important; color: #15803d !important; }
.csp-layout-forest .csp-cat-btn { background: rgba(255,255,255,.12) !important; border-color: rgba(134,239,172,.4) !important; color: #86efac !important; }
.csp-layout-forest .csp-cat-btn.csp-cat-active { background: #16a34a !important; border-color: #16a34a !important; color: #fff !important; }
.csp-layout-forest .csp-features-strip { background: rgba(255,255,255,.1) !important; } .csp-layout-forest .csp-features-strip .csp-feature-item strong { color: #fff !important; } .csp-layout-forest .csp-features-strip .csp-feature-item p { color: rgba(255,255,255,.7) !important; }

/* OCEAN */
.csp-layout-ocean .csp-wrapper { background: linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 40%,#0ea5e9 100%) !important; }
.csp-layout-ocean .csp-section-title { color: #fff !important; } .csp-layout-ocean .csp-section-sub { color: rgba(255,255,255,.80) !important; }
.csp-layout-ocean .csp-eyebrow { color: #7dd3fc !important; } .csp-layout-ocean .csp-eyebrow-line { background: #7dd3fc !important; } .csp-layout-ocean .csp-title-underline { background: #7dd3fc !important; }
.csp-layout-ocean .csp-card { background: rgba(255,255,255,.12) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; border: 1.5px solid rgba(255,255,255,.3) !important; border-radius: 18px !important; animation: none !important; transition: transform .3s !important; }
.csp-layout-ocean .csp-card::before { display: none !important; }
.csp-layout-ocean .csp-card:hover { transform: translateY(-8px) !important; background: rgba(255,255,255,.2) !important; }
.csp-layout-ocean .csp-card-body { background: transparent !important; }
.csp-layout-ocean .csp-card .csp-card-body .csp-card-title { color: #fff !important; } .csp-layout-ocean .csp-card .csp-card-body .csp-card-subtitle { color: rgba(255,255,255,.75) !important; } .csp-layout-ocean .csp-card .csp-card-body .csp-meta-label { color: rgba(255,255,255,.58) !important; } .csp-layout-ocean .csp-card .csp-card-body .csp-meta-value { color: #fff !important; } .csp-layout-ocean .csp-card .csp-card-body .csp-card-desc { color: rgba(255,255,255,.68) !important; }
.csp-layout-ocean .csp-card-meta { border-color: rgba(255,255,255,.2) !important; }
.csp-layout-ocean .csp-icon-circle { border: 3px solid rgba(255,255,255,.3) !important; }
.csp-layout-ocean .csp-btn-enroll { background: #0ea5e9 !important; } .csp-layout-ocean .csp-btn-outline { background: rgba(255,255,255,.12) !important; color: #fff !important; border: 1px solid rgba(255,255,255,.28) !important; }
.csp-layout-ocean .csp-cat-btn { background: rgba(255,255,255,.14) !important; border-color: rgba(255,255,255,.28) !important; color: rgba(255,255,255,.88) !important; }
.csp-layout-ocean .csp-cat-btn.csp-cat-active { background: #0ea5e9 !important; border-color: #0ea5e9 !important; color: #fff !important; }
.csp-layout-ocean .csp-features-strip { background: rgba(255,255,255,.1) !important; } .csp-layout-ocean .csp-features-strip .csp-feature-item strong { color: #fff !important; } .csp-layout-ocean .csp-features-strip .csp-feature-item p { color: rgba(255,255,255,.65) !important; }

/* ROYAL */
.csp-layout-royal .csp-wrapper { background: linear-gradient(135deg,#1e0a3c 0%,#2d1458 100%) !important; }
.csp-layout-royal .csp-section-title { color: #fbbf24 !important; } .csp-layout-royal .csp-section-sub { color: rgba(251,191,36,.7) !important; }
.csp-layout-royal .csp-eyebrow { color: #fbbf24 !important; } .csp-layout-royal .csp-eyebrow-line { background: #fbbf24 !important; } .csp-layout-royal .csp-title-underline { background: #fbbf24 !important; }
.csp-layout-royal .csp-card { background: rgba(255,255,255,.05) !important; border: 1.5px solid rgba(251,191,36,.35) !important; border-radius: 16px !important; animation: royalGlow 4s ease-in-out infinite !important; transition: transform .3s !important; }
@keyframes royalGlow { 0%,100%{box-shadow:0 4px 20px rgba(251,191,36,.1);}50%{box-shadow:0 4px 28px rgba(251,191,36,.3);} }
.csp-layout-royal .csp-card::before { display: none !important; }
.csp-layout-royal .csp-card:hover { transform: translateY(-6px) scale(1.02) !important; border-color: rgba(251,191,36,.7) !important; }
.csp-layout-royal .csp-card-body { background: transparent !important; }
.csp-layout-royal .csp-card .csp-card-body .csp-card-title { color: #fbbf24 !important; font-weight: 800 !important; } .csp-layout-royal .csp-card .csp-card-body .csp-card-subtitle { color: rgba(251,191,36,.65) !important; } .csp-layout-royal .csp-card .csp-card-body .csp-meta-label { color: rgba(251,191,36,.45) !important; } .csp-layout-royal .csp-card .csp-card-body .csp-meta-value { color: #fbbf24 !important; } .csp-layout-royal .csp-card .csp-card-body .csp-card-desc { color: rgba(255,255,255,.55) !important; }
.csp-layout-royal .csp-card-meta { border-color: rgba(251,191,36,.2) !important; }
.csp-layout-royal .csp-icon-circle { border-color: rgba(251,191,36,.3) !important; box-shadow: 0 0 16px rgba(251,191,36,.4) !important; }
.csp-layout-royal .csp-btn-enroll { background: linear-gradient(135deg,#f59e0b,#fbbf24) !important; color: #1c0a00 !important; font-weight: 800 !important; }
.csp-layout-royal .csp-btn-outline { background: rgba(251,191,36,.1) !important; color: #fbbf24 !important; border: 1px solid rgba(251,191,36,.3) !important; }
.csp-layout-royal .csp-cat-btn { background: rgba(251,191,36,.1) !important; border-color: rgba(251,191,36,.3) !important; color: rgba(251,191,36,.85) !important; }
.csp-layout-royal .csp-cat-btn.csp-cat-active { background: #f59e0b !important; color: #1c0a00 !important; }
.csp-layout-royal .csp-features-strip { background: rgba(251,191,36,.06) !important; border: 1px solid rgba(251,191,36,.2) !important; } .csp-layout-royal .csp-features-strip .csp-feature-item strong { color: #fbbf24 !important; } .csp-layout-royal .csp-features-strip .csp-feature-item p { color: rgba(255,255,255,.55) !important; }

/* CARBON */
.csp-layout-carbon .csp-wrapper { background: #111827 !important; }
.csp-layout-carbon .csp-section-title { color: #f9fafb !important; } .csp-layout-carbon .csp-section-sub { color: #9ca3af !important; }
.csp-layout-carbon .csp-eyebrow { color: #6b7280 !important; } .csp-layout-carbon .csp-eyebrow-line { background: #374151 !important; } .csp-layout-carbon .csp-title-underline { background: #374151 !important; }
.csp-layout-carbon .csp-card { background: #1f2937 !important; border: 1px solid #374151 !important; border-radius: 12px !important; box-shadow: none !important; animation: none !important; transition: background .2s, transform .2s !important; }
.csp-layout-carbon .csp-card::before { display: none !important; }
.csp-layout-carbon .csp-card:hover { background: #263040 !important; border-color: #4b5563 !important; transform: translateY(-4px) !important; }
.csp-layout-carbon .csp-card-body { background: transparent !important; }
.csp-layout-carbon .csp-card .csp-card-body .csp-card-title { color: #f9fafb !important; } .csp-layout-carbon .csp-card .csp-card-body .csp-card-subtitle { color: #9ca3af !important; } .csp-layout-carbon .csp-card .csp-card-body .csp-meta-label { color: #6b7280 !important; } .csp-layout-carbon .csp-card .csp-card-body .csp-meta-value { color: #e5e7eb !important; } .csp-layout-carbon .csp-card .csp-card-body .csp-card-desc { color: #9ca3af !important; }
.csp-layout-carbon .csp-card-meta { border-color: #374151 !important; }
.csp-layout-carbon .csp-btn-outline { background: #374151 !important; color: #e5e7eb !important; }
.csp-layout-carbon .csp-cat-btn { background: #1f2937 !important; border-color: #374151 !important; color: #9ca3af !important; }
.csp-layout-carbon .csp-cat-btn.csp-cat-active { background: #374151 !important; border-color: #6b7280 !important; color: #f9fafb !important; }
.csp-layout-carbon .csp-features-strip { background: #1f2937 !important; border-top: 1px solid #374151 !important; } .csp-layout-carbon .csp-features-strip .csp-feature-item strong { color: #f9fafb !important; } .csp-layout-carbon .csp-features-strip .csp-feature-item p { color: #9ca3af !important; }

/* CANDY */
.csp-layout-candy .csp-wrapper { background: #fff9fb !important; }
.csp-layout-candy .csp-section-title { color: #be185d !important; } .csp-layout-candy .csp-section-sub { color: #9d174d !important; }
.csp-layout-candy .csp-eyebrow { color: #ec4899 !important; } .csp-layout-candy .csp-title-underline { background: linear-gradient(90deg,#ec4899,#f97316,#eab308) !important; }
.csp-layout-candy .csp-card { background: #fff !important; border: none !important; border-radius: 20px !important; box-shadow: 0 4px 20px rgba(236,72,153,.12) !important; animation: none !important; transition: transform .25s !important; border-top: 4px solid var(--card-accent,#ec4899) !important; }
.csp-layout-candy .csp-card::before { display: none !important; }
.csp-layout-candy .csp-card:hover { transform: translateY(-8px) rotate(1deg) !important; }
.csp-layout-candy .csp-card-body { background: #fff !important; }
.csp-layout-candy .csp-card .csp-card-body .csp-card-title { color: #1f2937 !important; } .csp-layout-candy .csp-card .csp-card-body .csp-card-subtitle { color: #6b7280 !important; } .csp-layout-candy .csp-card .csp-card-body .csp-meta-label { color: #9ca3af !important; } .csp-layout-candy .csp-card .csp-card-body .csp-meta-value { color: #1f2937 !important; }
.csp-layout-candy .csp-btn-outline { background: #fdf2f8 !important; color: #be185d !important; }
.csp-layout-candy .csp-cat-btn { background: #fdf2f8 !important; border-color: #fbcfe8 !important; color: #be185d !important; }
.csp-layout-candy .csp-cat-btn.csp-cat-active { background: #ec4899 !important; border-color: #ec4899 !important; color: #fff !important; }

/* AURORA */
.csp-layout-aurora .csp-wrapper { background: #0f172a !important; }
.csp-layout-aurora .csp-section-title { color: #fff !important; } .csp-layout-aurora .csp-section-sub { color: rgba(255,255,255,.60) !important; }
.csp-layout-aurora .csp-eyebrow { color: #67e8f9 !important; } .csp-layout-aurora .csp-eyebrow-line { background: #67e8f9 !important; } .csp-layout-aurora .csp-title-underline { background: linear-gradient(90deg,#06b6d4,#8b5cf6,#ec4899) !important; height: 3px !important; }
.csp-layout-aurora .csp-card { background: rgba(255,255,255,.05) !important; border: 1px solid rgba(255,255,255,.08) !important; border-top: 3px solid var(--card-accent,#06b6d4) !important; border-radius: 16px !important; animation: none !important; transition: transform .3s, box-shadow .3s !important; }
.csp-layout-aurora .csp-card::before { display: none !important; }
.csp-layout-aurora .csp-card:hover { transform: translateY(-6px) !important; box-shadow: 0 0 40px rgba(6,182,212,.25) !important; }
.csp-layout-aurora .csp-card-body { background: transparent !important; }
.csp-layout-aurora .csp-card .csp-card-body .csp-card-title { color: #f0f9ff !important; } .csp-layout-aurora .csp-card .csp-card-body .csp-card-subtitle { color: rgba(255,255,255,.55) !important; } .csp-layout-aurora .csp-card .csp-card-body .csp-meta-label { color: rgba(255,255,255,.40) !important; } .csp-layout-aurora .csp-card .csp-card-body .csp-meta-value { color: #e0f2fe !important; } .csp-layout-aurora .csp-card . csp-card-body .csp-card-desc { color: rgba(255,255,255,.50) !important; }
.csp-layout-aurora .csp-card-meta { border-color: rgba(255,255,255,.08) !important; }
.csp-layout-aurora .csp-icon-circle { border-color: #0f172a !important; box-shadow: 0 0 14px var(--card-accent,rgba(6,182,212,.8)) !important; }
.csp-layout-aurora .csp-btn-outline { background: rgba(255,255,255,.06) !important; color: #e0f2fe !important; border: 1px solid rgba(255,255,255,.12) !important; }
.csp-layout-aurora .csp-cat-btn { background: rgba(255,255,255,.07) !important; border-color: rgba(255,255,255,.12) !important; color: rgba(255,255,255,.75) !important; }
.csp-layout-aurora .csp-cat-btn.csp-cat-active { background: #0891b2 !important; border-color: #0891b2 !important; color: #fff !important; }
.csp-layout-aurora .csp-features-strip { background: rgba(255,255,255,.04) !important; } .csp-layout-aurora .csp-features-strip .csp-feature-item strong { color: #e0f2fe !important; } .csp-layout-aurora .csp-features-strip .csp-feature-item p { color: rgba(255,255,255,.55) !important; }

/* PAPER */
.csp-layout-paper .csp-wrapper { background: #fafaf9 !important; }
.csp-layout-paper .csp-section-title { color: #1c1917 !important; font-family: Georgia,serif !important; }
.csp-layout-paper .csp-section-sub { color: #78716c !important; } .csp-layout-paper .csp-eyebrow { color: #78716c !important; } .csp-layout-paper .csp-eyebrow-line { background: #a8a29e !important; } .csp-layout-paper .csp-title-underline { background: #292524 !important; width: 48px !important; }
.csp-layout-paper .csp-card { background: #fff !important; border: 1px solid #e7e5e4 !important; border-bottom: 3px solid #292524 !important; border-radius: 4px !important; box-shadow: 3px 3px 0 #e7e5e4 !important; animation: none !important; transition: transform .2s, box-shadow .2s !important; }
.csp-layout-paper .csp-card::before { display: none !important; }
.csp-layout-paper .csp-card:hover { transform: translate(-3px,-3px) !important; box-shadow: 6px 6px 0 #d6d3d1 !important; }
.csp-layout-paper .csp-card-body { background: #fff !important; }
.csp-layout-paper .csp-card .csp-card-body .csp-card-title { color: #1c1917 !important; font-family: Georgia,serif !important; } .csp-layout-paper .csp-card .csp-card-body .csp-card-subtitle { color: #78716c !important; } .csp-layout-paper .csp-card .csp-card-body .csp-meta-label { color: #a8a29e !important; } .csp-layout-paper .csp-card .csp-card-body .csp-meta-value { color: #292524 !important; } .csp-layout-paper .csp-card .csp-card-body .csp-card-desc { color: #78716c !important; font-style: italic !important; }
.csp-layout-paper .csp-card-meta { border-color: #e7e5e4 !important; }
.csp-layout-paper .csp-btn-enroll { background: #292524 !important; border-radius: 4px !important; } .csp-layout-paper .csp-btn-outline { background: #fafaf9 !important; color: #292524 !important; border: 1px solid #a8a29e !important; border-radius: 4px !important; }
.csp-layout-paper .csp-cat-btn { background: #fafaf9 !important; border-color: #d6d3d1 !important; color: #57534e !important; border-radius: 4px !important; }
.csp-layout-paper .csp-cat-btn.csp-cat-active { background: #292524 !important; color: #fafaf9 !important; }
.csp-layout-paper .csp-features-strip { background: #fff !important; border-top: 1px solid #e7e5e4 !important; } .csp-layout-paper .csp-features-strip .csp-feature-item strong { color: #1c1917 !important; } .csp-layout-paper .csp-features-strip .csp-feature-item p { color: #78716c !important; }

/* RETRO */
.csp-layout-retro .csp-wrapper { background: #1e1b4b !important; }
.csp-layout-retro .csp-section-title { color: #fbbf24 !important; text-transform: uppercase !important; letter-spacing: 2px !important; text-shadow: 3px 3px 0 #7c3aed !important; }
.csp-layout-retro .csp-section-sub { color: #a5b4fc !important; } .csp-layout-retro .csp-eyebrow { color: #f472b6 !important; } .csp-layout-retro .csp-eyebrow-line { background: #f472b6 !important; } .csp-layout-retro .csp-title-underline { background: #fbbf24 !important; }
.csp-layout-retro .csp-card { background: #2d2766 !important; border: 3px solid #fbbf24 !important; border-radius: 0 !important; box-shadow: 5px 5px 0 #7c3aed !important; animation: none !important; transition: transform .15s, box-shadow .15s !important; }
.csp-layout-retro .csp-card::before { display: none !important; }
.csp-layout-retro .csp-card:hover { transform: translate(-4px,-4px) !important; box-shadow: 8px 8px 0 #7c3aed !important; }
.csp-layout-retro .csp-card-body { background: transparent !important; }
.csp-layout-retro .csp-card .csp-card-body .csp-card-title { color: #fbbf24 !important; text-transform: uppercase !important; letter-spacing: 1px !important; } .csp-layout-retro .csp-card .csp-card-body .csp-card-subtitle { color: #a5b4fc !important; } .csp-layout-retro .csp-card .csp-card-body .csp-meta-label { color: #c4b5fd !important; } .csp-layout-retro .csp-card . csp-card-body .csp-meta-value { color: #fbbf24 !important; } .csp-layout-retro .csp-card .csp-card-body .csp-meta-value { color: #fbbf24 !important; } .csp-layout-retro .csp-card .csp-card-body .csp-card-desc { color: #c4b5fd !important; }
.csp-layout-retro .csp-card-meta { border-color: rgba(251,191,36,.3) !important; }
.csp-layout-retro .csp-icon-circle { border: 3px solid #fbbf24 !important; }
.csp-layout-retro .csp-btn-enroll { background: #fbbf24 !important; color: #1e1b4b !important; font-weight: 900 !important; border-radius: 0 !important; }
.csp-layout-retro .csp-btn-outline { background: transparent !important; color: #fbbf24 !important; border: 2px solid #fbbf24 !important; border-radius: 0 !important; }
.csp-layout-retro .csp-cat-btn { background: transparent !important; border: 2px solid rgba(251,191,36,.4) !important; color: rgba(251,191,36,.8) !important; border-radius: 0 !important; }
.csp-layout-retro .csp-cat-btn.csp-cat-active { background: #fbbf24 !important; color: #1e1b4b !important; }
.csp-layout-retro .csp-features-strip { background: rgba(251,191,36,.08) !important; border: 2px solid rgba(251,191,36,.2) !important; border-radius: 0 !important; } .csp-layout-retro .csp-features-strip .csp-feature-item strong { color: #fbbf24 !important; } .csp-layout-retro .csp-features-strip .csp-feature-item p { color: #a5b4fc !important; }

/* FROST */
.csp-layout-frost .csp-wrapper { background: #f8fafc !important; }
.csp-layout-frost .csp-section-title { color: #0f172a !important; font-weight: 300 !important; letter-spacing: -1px !important; }
.csp-layout-frost .csp-section-sub { color: #94a3b8 !important; } .csp-layout-frost .csp-eyebrow { color: #94a3b8 !important; } .csp-layout-frost .csp-eyebrow-line { background: #e2e8f0 !important; } .csp-layout-frost .csp-title-underline { background: #e2e8f0 !important; }
.csp-layout-frost .csp-card { background: #fff !important; border: 1px solid #f1f5f9 !important; border-radius: 24px !important; box-shadow: 0 1px 3px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.04) !important; animation: none !important; transition: box-shadow .3s, transform .3s !important; }
.csp-layout-frost .csp-card::before { display: none !important; }
.csp-layout-frost .csp-card:hover { box-shadow: 0 8px 30px rgba(148,163,184,.2) !important; transform: translateY(-6px) !important; }
.csp-layout-frost .csp-card-body { background: #fff !important; }
.csp-layout-frost .csp-card .csp-card-body .csp-card-title { color: #0f172a !important; } .csp-layout-frost .csp-card .csp-card-body .csp-card-subtitle { color: #64748b !important; } .csp-layout-frost .csp-card .csp-card-body .csp-meta-label { color: #94a3b8 !important; } .csp-layout-frost .csp-card .csp-card-body .csp-meta-value { color: #0f172a !important; } .csp-layout-frost .csp-card .csp-card-body .csp-card-desc { color: #64748b !important; }
.csp-layout-frost .csp-card-meta { border-color: #f1f5f9 !important; }
.csp-layout-frost .csp-btn-outline { background: #f8fafc !important; color: #475569 !important; border: 1px solid #e2e8f0 !important; }
.csp-layout-frost .csp-cat-btn { background: #fff !important; border-color: #e2e8f0 !important; color: #64748b !important; border-radius: 50px !important; }
.csp-layout-frost .csp-cat-btn.csp-cat-active { background: #0f172a !important; border-color: #0f172a !important; color: #fff !important; }
.csp-layout-frost .csp-features-strip { background: #fff !important; border-top: 1px solid #f1f5f9 !important; } .csp-layout-frost .csp-features-strip .csp-feature-item strong { color: #0f172a !important; } .csp-layout-frost .csp-features-strip .csp-feature-item p { color: #64748b !important; }