.hero-greeting{padding:40px 20px 20px}.course-back-icon{color:var(--title);margin-right:10px;font-size:20px}.course-header-title{font-size:16px;color:var(--title)!important}.course-list-page{padding:20px 18px 40px}.course-header{margin-bottom:20px}.course-header h2{color:var(--title);margin-bottom:6px;font-size:22px}.course-header p{color:var(--text-sub);font-size:14px}.course-list{flex-direction:column;gap:16px;display:flex}.course-card{background:var(--white);transition:transform .25s var(--ease), box-shadow .25s var(--ease);border:1px solid #0000000a;border-radius:16px;padding:18px;text-decoration:none;display:block;box-shadow:0 4px 12px #0000000d}.course-card:hover,.course-card:active{border-color:#2b78d426;transform:translateY(-3px);box-shadow:0 8px 24px #2b78d41f}.course-title{font-size:16px;font-family:var(--font_b);color:var(--title);margin-bottom:10px;line-height:1.4;transition:color .2s}.course-card:hover .course-title{color:var(--primary)}.course-badge-wrap{margin-bottom:12px}.course-badge{font-size:11px;font-family:var(--font_m);color:var(--primary);background:var(--primary-bg);border-radius:99px;padding:4px 10px;display:inline-block}.course-badge.blue{color:#2b78d4;background:#eef5ff}.course-badge.purple{color:#6b4cf6;background:#f4f1ff}.course-badge.green{color:#2da060;background:#ebf9f1}.course-badge.orange{color:#e07c1c;background:#fff5eb}.course-badge.red{color:#d32f2f;background:#feeeee}.course-desc{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.course-learn{font-size:15px;font-family:var(--font_b);color:var(--title);margin-bottom:12px}.course-footer{flex-wrap:wrap;gap:8px;display:flex}.course-meta{color:#5c748f;font-size:11px;font-family:var(--font_m);background:#f4f6f8;border-radius:6px;padding:4px 8px}.ebooks-cat-list{flex-direction:column;gap:12px;padding:0 20px 20px;display:flex}.ebooks-cat-item{background:var(--white);border:1px solid var(--border);border-radius:16px;align-items:center;padding:16px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #0000000a}.ebooks-cat-item:hover,.ebooks-cat-item:active{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.ebooks-cat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-right:16px;font-size:20px;display:flex}.ebooks-cat-icon.blue{color:#2b78d4;background:#eef5ff}.ebooks-cat-icon.orange{color:#e07c1c;background:#fff5eb}.ebooks-cat-icon.purple{color:#6b4cf6;background:#f4f1ff}.ebooks-cat-body{flex:1}.ebooks-cat-body h4{color:var(--title);font-size:15px;font-family:var(--font_b);margin:0 0 4px}.ebooks-cat-body p{color:var(--text-sub);margin:0;font-size:12px}.ebooks-cat-arrow{color:#ccc;font-size:14px}.elearning-desktop-view,.eco-desktop-header,.portal-desktop-footer,.el-modal-backdrop,.el-back-to-top{display:none!important}@media (max-width:991.98px){.elearning-desktop-view,.eco-desktop-header,.portal-desktop-footer,.el-modal-backdrop,.el-back-to-top{display:none!important}}@media (min-width:992px){.elearning-mobile-view,.app-shell>header.header-home,.app-shell>.hero-greeting,.app-shell>.ebooks-cat-list,.app-shell>.course-list-page,.app-shell>.scroll-content,.app-shell>.bottom-nav-shell,.bottom-nav-placeholder{display:none!important}.eco-desktop-header,.portal-desktop-footer{display:block!important}.elearning-desktop-view{width:100%!important;display:block!important}.app-shell{min-height:100vh;background:#f8fafc!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}}.el-desktop-container{box-sizing:border-box;max-width:1360px;margin:0 auto;padding:0 32px}.el-hero-section{background:radial-gradient(circle at 85% 15%,#dbeafeb3 0%,#eef2ff80 35%,#f8fafc 80%);border-bottom:1px solid #e2e8f0cc;padding:48px 0 64px;position:relative;overflow:hidden}.el-hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:56px;display:grid}.el-hero-badge{color:var(--primary);font-family:var(--font_b,sans-serif);letter-spacing:.5px;background:#2563eb14;border:1px solid #2563eb33;border-radius:99px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:12px;display:inline-flex;box-shadow:0 2px 8px #2563eb0f}.el-hero-badge-dot{background:var(--primary);border-radius:50%;width:7px;height:7px;animation:2s infinite el-pulse;box-shadow:0 0 8px #2563eb}@keyframes el-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.el-hero-title{font-family:var(--font_b,sans-serif);color:var(--eco-title);letter-spacing:-.5px;margin:0 0 20px;font-size:36px;line-height:1.22}.el-hero-title .highlight-blue{background:linear-gradient(135deg,#1d4ed8 0%,#0284c7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.el-hero-desc{color:var(--text);max-width:620px;font-size:15px;line-height:1.65;font-family:var(--font,sans-serif);margin:0 0 32px}.el-hero-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:40px;display:flex}.el-btn-primary{background:var(--primary);color:var(--white);font-family:var(--font_b,sans-serif);transition:all .24s var(--ease,ease);cursor:pointer;border:1px solid #fff3;border-radius:7px;align-items:center;gap:10px;padding:7px 28px;font-size:14px;text-decoration:none;display:inline-flex;box-shadow:0 6px 20px #2563eb47}.el-btn-primary:hover{color:var(--white);transform:translateY(-2px);box-shadow:0 8px 24px #2563eb61}.el-btn-secondary{background:var(--white);color:#1e293b;font-family:var(--font_m,sans-serif);transition:all .22s var(--ease,ease);border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;text-decoration:none;display:inline-flex;box-shadow:0 2px 8px #0000000a}.el-btn-secondary:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.el-hero-stats{border-top:1px solid #e2e8f0cc;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:24px;display:grid}.el-stat-box{align-items:center;gap:12px;display:flex}.el-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.el-stat-icon.blue{color:#2563eb;background:#eff6ff}.el-stat-icon.green{color:#059669;background:#ecfdf5}.el-stat-icon.orange{color:#ea580c;background:#fff7ed}.el-stat-icon.purple{color:#7c3aed;background:#faf5ff}.el-stat-info{flex-direction:column;display:flex}.el-stat-num{font-family:var(--font_b,sans-serif);color:#0f172a;font-size:15px;line-height:1.2}.el-stat-label{color:#64748b;font-size:12px;line-height:1.3}.el-hero-showcase{justify-content:center;align-items:center;display:flex;position:relative}.el-showcase-card{width:100%;max-width:460px;transition:transform .3s var(--ease,ease), box-shadow .3s var(--ease,ease);background:#fff;border:1px solid #e2e8f0e6;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0f172a1a,0 1px 3px #0000000d}.el-showcase-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px #0f172a24}.el-showcase-cover{background:linear-gradient(135deg,#1e3a8a 0%,#0284c7 60%,#38bdf8 100%);justify-content:center;align-items:center;height:220px;display:flex;position:relative;overflow:hidden}.el-showcase-pattern{opacity:.15;background-image:radial-gradient(#fff 2px,#0000 2px);background-size:20px 20px;position:absolute;top:0;bottom:0;left:0;right:0}.el-showcase-play-wrap{z-index:2;color:#2563eb;cursor:pointer;background:#fffffff2;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;transition:transform .2s,background .2s;display:flex;position:relative;box-shadow:0 8px 24px #00000040}.el-showcase-play-wrap:hover{background:#fff;transform:scale(1.1)}.el-showcase-badge-top{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:11.5px;font-family:var(--font_m,sans-serif);z-index:2;background:#0f172aa6;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;display:flex;position:absolute;top:14px;left:16px}.el-showcase-badge-top i{color:#60a5fa}.el-showcase-body{padding:24px 24px 20px}.el-showcase-tag{color:#2563eb;font-family:var(--font_b,sans-serif);background:#eff6ff;border-radius:99px;margin-bottom:10px;padding:3px 9px;font-size:11px;display:inline-block}.el-showcase-title{font-family:var(--font_b,sans-serif);color:#0f172a;margin:0 0 10px;font-size:18px;line-height:1.35}.el-showcase-desc{color:#64748b;margin:0 0 18px;font-size:13.5px;line-height:1.5}.el-showcase-meta-row{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.el-showcase-author{align-items:center;gap:10px;display:flex}.el-author-avatar{object-fit:cover;background:#e2e8f0;border:1px solid #cbd5e1;border-radius:50%;width:34px;height:34px}.el-author-info{flex-direction:column;display:flex}.el-author-name{font-size:13px;font-family:var(--font_b,sans-serif);color:#1e293b;line-height:1.2}.el-author-role{color:#94a3b8;font-size:11px}.el-showcase-btn-try{color:#2563eb;font-size:12.5px;font-family:var(--font_b,sans-serif);background:#eff6ff;border:1px solid #2563eb33;border-radius:8px;padding:7px 16px;text-decoration:none;transition:all .2s}.el-showcase-btn-try:hover{color:#fff;background:#2563eb}.el-float-badge{-webkit-backdrop-filter:blur(12px);z-index:3;background:#ffffffe6;border:1px solid #fffc;border-radius:14px;align-items:center;gap:10px;padding:10px 16px;display:flex;position:absolute;box-shadow:0 12px 28px #0f172a1f}.el-float-top{top:-16px;right:-16px}.el-float-bottom{bottom:-18px;left:-20px}.el-float-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.el-float-icon.gold{color:#d97706;background:#fef3c7}.el-float-icon.green{color:#059669;background:#d1fae5}.el-float-text{flex-direction:column;display:flex}.el-float-title{font-size:12.5px;font-family:var(--font_b,sans-serif);color:#0f172a;line-height:1.2}.el-float-sub{color:#64748b;font-size:10.5px}.el-pillars-section{background:#fff;border-bottom:1px solid #eef2f6;padding:64px 0 72px}.el-section-header{text-align:center;max-width:680px;margin:0 auto 48px}.el-section-tag{font-family:var(--font_b,sans-serif);letter-spacing:.8px;text-transform:uppercase;color:var(--primary);background:var(--white);border-radius:99px;margin-bottom:12px;padding:4px 12px;font-size:12px;display:inline-block}.el-section-title{font-family:var(--font_b,sans-serif);color:#0f172a;letter-spacing:-.3px;margin:0 0 12px;font-size:27px;line-height:1.25}.el-section-sub{color:#64748b;font-size:15px;line-height:1.6;font-family:var(--font_m,sans-serif);margin:0}.el-pillars-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.el-pillar-card{background:var(--white);border:1px solid var(--border);color:inherit;transition:all .28s var(--ease,ease);border-radius:10px;flex-direction:column;padding:20px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000008}.el-pillar-card:before{content:"";height:4px;transition:height .28s;position:absolute;top:0;left:0;right:0}.el-pillar-card.blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.el-pillar-card.orange:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.el-pillar-card.purple:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.el-pillar-card:hover{border-color:#cbd5e1;transform:translateY(-6px);box-shadow:0 16px 36px #0f172a14}.el-pillar-card:hover:before{height:6px}.el-pillar-icon-wrap{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:22px;font-size:26px;transition:transform .28s;display:flex}.el-pillar-card:hover .el-pillar-icon-wrap{transform:scale(1.08)}.el-pillar-icon-wrap.blue{color:#2563eb;background:#eff6ff}.el-pillar-icon-wrap.orange{color:#ea580c;background:#fff7ed}.el-pillar-icon-wrap.purple{color:#7c3aed;background:#faf5ff}.el-pillar-tag{font-size:11px;font-family:var(--font_b,sans-serif);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:inline-block}.el-pillar-card.blue .el-pillar-tag{color:#2563eb}.el-pillar-card.orange .el-pillar-tag{color:#ea580c}.el-pillar-card.purple .el-pillar-tag{color:#7c3aed}.el-pillar-title{font-family:var(--font_b,sans-serif);color:#0f172a;margin:0 0 10px;font-size:20px;line-height:1.3}.el-pillar-desc{color:#64748b;flex-grow:1;margin:0 0 22px;font-size:14px;line-height:1.6}.el-pillar-features{border-top:1px solid #f1f5f9;flex-direction:column;gap:10px;margin:0 0 24px;padding:18px 0 0;list-style:none;display:flex}.el-pillar-features li{color:#334155;align-items:center;gap:8px;font-size:13px;display:flex}.el-pillar-features li i{font-size:14px}.el-pillar-card.blue .el-pillar-features li i{color:#2563eb}.el-pillar-card.orange .el-pillar-features li i{color:#ea580c}.el-pillar-card.purple .el-pillar-features li i{color:#7c3aed}.el-pillar-action{font-family:var(--font_b,sans-serif);border-top:1px solid #f1f5f9;align-items:center;gap:8px;padding-top:14px;font-size:13.5px;transition:gap .2s;display:inline-flex}.el-pillar-card.blue .el-pillar-action{color:#2563eb}.el-pillar-card.orange .el-pillar-action{color:#ea580c}.el-pillar-card.purple .el-pillar-action{color:#7c3aed}.el-pillar-card:hover .el-pillar-action{gap:12px}.el-catalog-section{background:#f8fafc;padding:64px 0 80px}.el-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:16px;margin-bottom:32px;padding:16px 20px;display:flex;box-shadow:0 4px 20px #0000000a}.el-filter-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.el-cat-tabs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.el-cat-btn{font-family:var(--font_m,sans-serif);color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #0000;border-radius:99px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;transition:all .2s;display:inline-flex}.el-cat-btn:hover{color:#0f172a;background:#e2e8f0}.el-cat-btn.active{color:#fff;font-family:var(--font_b,sans-serif);background:#1e293b;box-shadow:0 3px 10px #1e293b33}.el-cat-badge-count{font-size:10.5px;font-family:var(--font_b,sans-serif);background:#fff3;border-radius:99px;padding:1px 6px}.el-cat-btn:not(.active) .el-cat-badge-count{color:#475569;background:#0000000f}.el-filter-controls{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.el-search-box{min-width:280px;position:relative}.el-search-box i{color:#94a3b8;font-size:14px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.el-search-input{width:100%;font-size:13.5px;font-family:var(--font_m,sans-serif);color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:99px;outline:none;padding:9px 36px 9px 38px;transition:border-color .2s,background .2s,box-shadow .2s}.el-search-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.el-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px;font-size:14px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.el-search-clear:hover{color:#475569}.el-filter-bottom-row{color:#64748b;border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:14px;font-size:13px;display:flex}.el-filter-options{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.el-select-type{font-size:13px;font-family:var(--font_m,sans-serif);color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:6px 14px}.el-select-type:focus{border-color:#2563eb}.el-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font_m,sans-serif);color:#334155;align-items:center;gap:8px;display:inline-flex}.el-checkbox-label input{accent-color:#2563eb;cursor:pointer;width:16px;height:16px}.el-count-display{font-family:var(--font_m,sans-serif);color:#64748b}.el-count-display strong{color:#0f172a;font-family:var(--font_b,sans-serif)}.el-course-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.el-course-card{transition:all .28s var(--ease,ease);cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0f172a0a}.el-course-card:hover{border-color:#cbd5e1;transform:translateY(-6px);box-shadow:0 18px 38px #0f172a1a}.el-card-banner{flex-direction:column;justify-content:space-between;height:140px;padding:16px 20px;display:flex;position:relative;overflow:hidden}.el-card-banner.blue{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%)}.el-card-banner.green{background:linear-gradient(135deg,#065f46 0%,#10b981 100%)}.el-card-banner.orange{background:linear-gradient(135deg,#9a3412 0%,#f97316 100%)}.el-card-banner.purple{background:linear-gradient(135deg,#581c87 0%,#8b5cf6 100%)}.el-banner-pattern{opacity:.12;background-image:radial-gradient(#fff 2px,#0000 2px);background-size:16px 16px;position:absolute;top:0;bottom:0;left:0;right:0}.el-banner-top{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.el-banner-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:11.5px;font-family:var(--font_b,sans-serif);letter-spacing:.3px;background:#fff3;border:1px solid #ffffff4d;border-radius:99px;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.el-btn-heart{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:background .2s,transform .2s,color .2s;display:flex}.el-btn-heart:hover{background:#ffffff59;transform:scale(1.1)}.el-btn-heart.active{color:#ef4444;background:#fff}.el-banner-bottom{z-index:2;align-items:center;gap:8px;display:flex;position:relative}.el-banner-trial-pill{color:#fff;font-size:11px;font-family:var(--font_m,sans-serif);background:#00000040;border-radius:6px;align-items:center;gap:5px;padding:3px 10px;display:inline-flex}.el-banner-trial-pill.free{color:#fff;font-family:var(--font_b,sans-serif);background:#10b981}.el-card-body{flex-direction:column;flex-grow:1;padding:24px;display:flex}.el-card-title{font-family:var(--font_b,sans-serif);color:#0f172a;min-height:48px;margin:0 0 10px;font-size:18px;line-height:1.35;transition:color .2s}.el-course-card:hover .el-card-title{color:#2563eb}.el-card-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:42px;margin:0 0 18px;font-size:13.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.el-card-highlights{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;margin-bottom:20px;padding:12px 14px}.el-highlights-title{font-size:11px;font-family:var(--font_b,sans-serif);text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;margin:0 0 8px}.el-highlights-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.el-highlights-list li{color:#334155;align-items:flex-start;gap:6px;font-size:12.5px;line-height:1.4;display:flex}.el-highlights-list li i{color:#2563eb;flex-shrink:0;margin-top:2px;font-size:12px}.el-card-meta-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;display:flex}.el-meta-pill{color:#475569;font-size:11.5px;font-family:var(--font_m,sans-serif);background:#f1f5f9;border-radius:6px;align-items:center;gap:5px;padding:4px 9px;display:inline-flex}.el-meta-pill i{color:#64748b;font-size:12px}.el-meta-pill.highlight{color:#059669;font-family:var(--font_b,sans-serif);background:#ecfdf5}.el-meta-pill.highlight i{color:#059669}.el-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;display:flex}.el-card-instructor{align-items:center;gap:8px;display:flex}.el-inst-logo{object-fit:cover;border:1px solid #e2e8f0;border-radius:50%;width:28px;height:28px}.el-inst-name{font-size:12.5px;font-family:var(--font_b,sans-serif);color:#334155;line-height:1.2}.el-inst-role{color:#94a3b8;font-size:10.5px}.el-btn-view-course{color:#2563eb;font-size:13px;font-family:var(--font_b,sans-serif);background:#eff6ff;border:1px solid #2563eb33;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;text-decoration:none;transition:all .2s;display:inline-flex}.el-btn-view-course:hover{color:#fff;background:#2563eb}.el-empty-state{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;grid-column:1/-1;padding:60px 20px}.el-empty-icon{color:#94a3b8;margin-bottom:16px;font-size:48px}.el-empty-title{font-family:var(--font_b,sans-serif);color:#1e293b;margin:0 0 8px;font-size:18px}.el-empty-sub{color:#64748b;margin:0 0 20px;font-size:14px}.el-why-section{background:#fff;border-top:1px solid #eef2f6;padding:72px 0 80px}.el-why-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px;display:grid}.el-why-card{transition:all .25s var(--ease,ease);background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:28px 24px}.el-why-card:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 12px 28px #0f172a0f}.el-why-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;font-size:22px;display:flex}.el-why-icon.blue{color:#2563eb;background:#eff6ff}.el-why-icon.green{color:#059669;background:#ecfdf5}.el-why-icon.orange{color:#ea580c;background:#fff7ed}.el-why-icon.purple{color:#7c3aed;background:#faf5ff}.el-why-title{font-family:var(--font_b,sans-serif);color:#0f172a;margin:0 0 10px;font-size:16.5px;line-height:1.35}.el-why-desc{color:#64748b;margin:0;font-size:13.5px;line-height:1.6}.el-partner-strip{color:var(--white);background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:12px;justify-content:space-between;align-items:center;gap:32px;margin-top:60px;padding:40px;display:flex;box-shadow:0 20px 40px #0f172a26}.el-partner-left{align-items:center;gap:24px;display:flex}.el-partner-logo{object-fit:contain;background:#fff;border-radius:16px;width:64px;height:64px;padding:8px;box-shadow:0 4px 14px #0003}.el-partner-text h3{font-family:var(--font_b,sans-serif);letter-spacing:-.2px;margin:0 0 6px;font-size:20px}.el-partner-text p{color:#94a3b8;max-width:580px;margin:0;font-size:14px;line-height:1.5}.el-partner-actions{align-items:center;gap:14px;display:flex}.el-btn-partner-cta{color:#fff;font-family:var(--font_b,sans-serif);background:#2563eb;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:13.5px;text-decoration:none;transition:all .2s;display:inline-flex}.el-btn-partner-cta:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 6px 18px #2563eb66}.el-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0f172aa6;justify-content:center;align-items:center;padding:24px;animation:.25s ease-out el-fade-in;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes el-fade-in{0%{opacity:0}to{opacity:1}}.el-modal{background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:760px;max-height:90vh;animation:.28s cubic-bezier(.16,1,.3,1) el-slide-up;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #0f172a40}@keyframes el-slide-up{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.el-modal-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 28px;display:flex}.el-modal-header-info{flex-direction:column;gap:8px;display:flex}.el-modal-badge-row{align-items:center;gap:8px;display:flex}.el-modal-title{font-family:var(--font_b,sans-serif);color:#0f172a;margin:0;font-size:22px;line-height:1.3}.el-modal-close-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .2s;display:flex}.el-modal-close-btn:hover{color:#0f172a;background:#f1f5f9;transform:rotate(90deg)}.el-modal-body{flex-direction:column;gap:24px;max-height:calc(90vh - 160px);padding:28px;display:flex;overflow-y:auto}.el-modal-section-title{font-family:var(--font_b,sans-serif);color:#0f172a;align-items:center;gap:8px;margin:0 0 12px;font-size:15px;display:flex}.el-modal-section-title i{color:#2563eb}.el-modal-desc{color:#475569;margin:0;font-size:14.5px;line-height:1.65}.el-syllabus-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.el-syllabus-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13.5px;display:flex}.el-syllabus-left{color:#1e293b;font-family:var(--font_m,sans-serif);align-items:center;gap:12px;display:flex}.el-syllabus-left i{color:#2563eb;font-size:16px}.el-syllabus-right{align-items:center;gap:12px;display:flex}.el-syllabus-duration{color:#64748b;font-size:12px}.el-syllabus-free-badge{font-size:11px;font-family:var(--font_b,sans-serif);color:#059669;background:#ecfdf5;border-radius:6px;padding:3px 8px}.el-modal-footer{background:#fff;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:14px;padding:18px 28px;display:flex}.el-btn-modal-close{color:#475569;font-family:var(--font_m,sans-serif);cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;padding:10px 20px;font-size:13.5px;transition:background .2s}.el-btn-modal-close:hover{color:#0f172a;background:#e2e8f0}.el-btn-modal-action{color:#fff;font-family:var(--font_b,sans-serif);cursor:pointer;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-size:13.5px;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #2563eb4d}.el-btn-modal-action:hover{background:#1d4ed8;transform:translateY(-1px)}