:root{--primary:#1a3c8f;--primary-dark:#0f2666;--accent:#f97316;--text:#1f2937;--text-light:#6b7280;--bg-light:#f8fafc;--white:#fff;--border:#e5e7eb;--success:#10b981;--radius:12px;--shadow:0 4px 24px #1a3c8f1a;--shadow-lg:0 8px 40px #1a3c8f26}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text);background:var(--white);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 24px}.page-hero{color:#fff;background:linear-gradient(135deg,#0f2666 0%,#1a3c8f 55%,#2563eb 100%);padding:64px 0 56px;position:relative;overflow:hidden}.page-hero:before{content:"";background:#ffffff0a;border-radius:50%;width:380px;height:380px;position:absolute;top:-80px;right:-80px}.page-hero:after{content:"";background:#f9731612;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-60px;left:-40px}.hero-content{z-index:1;text-align:center;max-width:740px;margin:0 auto;position:relative}.hero-badge{color:#fed7aa;background:#f9731626;border:1px solid #f973164d;border-radius:20px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.page-hero h1{margin-bottom:16px;font-size:2.8rem;font-weight:800;line-height:1.2}.page-hero h1 span{color:#fbbf24}.page-hero p{color:#fffc;margin-bottom:32px;font-size:1.05rem;line-height:1.7}.hero-pills{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.pill{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:500}.filter-bar{border-bottom:1px solid var(--border);z-index:99;background:#fff;padding:0;position:sticky;top:65px;box-shadow:0 2px 8px #0000000a}.filter-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.filter-tabs{background:var(--bg-light);border-radius:10px;gap:4px;padding:4px;display:flex}.filter-tab{cursor:pointer;color:var(--text-light);background:0 0;border:none;border-radius:8px;padding:8px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.filter-tab.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #1a3c8f33}.filter-tab:hover:not(.active){background:var(--border);color:var(--text)}.filter-right{align-items:center;gap:12px;display:flex}.filter-select{border:1.5px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:8px;outline:none;padding:8px 14px;font-family:inherit;font-size:13px}.results-count{color:var(--text-light);font-size:13px}.courses-section{padding:64px 0}.section-header{justify-content:space-between;align-items:flex-end;margin-bottom:36px;display:flex}.section-eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:12px;font-weight:600}.section-title{color:var(--text);font-size:1.9rem;font-weight:800}.section-sub{color:var(--text-light);max-width:500px;margin-top:6px;font-size:14px;line-height:1.6}.mode-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.mode-online{color:#2563eb;background:#eff6ff}.mode-live{color:#d97706;background:#fef3c7}.mode-offline{color:#16a34a;background:#f0fdf4}.courses-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.course-card{box-shadow:var(--shadow);border:1px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.course-card:hover{box-shadow:var(--shadow-lg);border-color:#1a3c8f33;transform:translateY(-4px)}.course-card.flagship{border-color:#f973164d;box-shadow:0 4px 24px #f973161f}.flagship-bar{color:#fff;text-align:center;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(90deg,#f97316,#dc2626);padding:5px;font-size:11px;font-weight:700}.card-top{flex:1;padding:28px 24px 20px}.card-badges{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.badge{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.badge-l1{color:#16a34a;background:#f0fdf4}.badge-l2{color:#d97706;background:#fef3c7}.badge-l3{color:var(--accent);background:#fff7ed}.badge-online{color:#2563eb;background:#eff6ff}.badge-live{color:#d97706;background:#fef3c7}.badge-offline{color:#16a34a;background:#f0fdf4}.badge-flagship{color:#fff;background:linear-gradient(135deg,#f97316,#dc2626)}.card-icon{margin-bottom:12px;font-size:40px;display:block}.course-card h3{color:var(--text);margin-bottom:8px;font-size:17px;font-weight:700;line-height:1.35}.course-card .tagline{color:var(--text-light);margin-bottom:16px;font-size:13px;line-height:1.6}.card-meta{flex-wrap:wrap;gap:14px;margin-bottom:16px;display:flex}.meta-item{color:var(--text-light);align-items:center;gap:5px;font-size:12px;display:flex}.meta-icon{font-size:13px}.topics{flex-direction:column;gap:6px;display:flex}.topic{color:var(--text-light);align-items:flex-start;gap:8px;font-size:13px;display:flex}.topic:before{content:"→";color:var(--accent);flex-shrink:0;margin-top:1px;font-size:12px;font-weight:700}.card-bottom{border-top:1px solid var(--border);background:var(--bg-light);justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.card-price{flex-direction:column;display:flex}.price-label{color:var(--text-light);font-size:11px;font-weight:500}.price-value{color:var(--primary);font-size:20px;font-weight:800}.price-tbc{color:var(--accent);font-size:14px;font-weight:700}.card-ctas{gap:8px;display:flex}.section-divider{border:none;border-top:2px dashed var(--border);margin:0}.level-compare{background:var(--bg-light);padding:56px 0}.level-table{border-collapse:collapse;width:100%;box-shadow:var(--shadow);border-radius:16px;margin-top:32px;overflow:hidden}.level-table th{background:var(--primary);color:#fff;text-align:left;padding:16px 20px;font-size:14px;font-weight:700}.level-table th:first-child{width:180px}.level-table td{border-bottom:1px solid var(--border);background:#fff;padding:13px 20px;font-size:13px}.level-table tr:last-child td{border-bottom:none}.level-table tr:nth-child(2n) td{background:var(--bg-light)}.check{color:var(--success);font-weight:700}.cross{color:#dc2626;opacity:.5}.tbc-cell{color:var(--accent);font-size:12px;font-weight:600}.compare-strip{background:#fff;padding:56px 0}.compare-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.compare-card{box-shadow:var(--shadow);background:#fff;border-top:4px solid;border-radius:16px;padding:32px}.compare-card.online{border-color:#2563eb}.compare-card.offline{border-color:var(--success)}.compare-card h3{margin-bottom:6px;font-size:18px;font-weight:700}.compare-card .sub{color:var(--text-light);margin-bottom:20px;font-size:13px}.compare-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.compare-row:last-child{border-bottom:none}.compare-row .label{color:var(--text-light)}.compare-row .value{color:var(--text);font-weight:600}.help-strip{padding:56px 0}.help-card{background:linear-gradient(135deg, var(--primary-dark), var(--primary));color:#fff;border-radius:20px;grid-template-columns:1fr auto;align-items:center;gap:32px;padding:48px;display:grid}.help-card h3{margin-bottom:10px;font-size:1.8rem;font-weight:800}.help-card p{color:#fffc;max-width:500px;font-size:15px;line-height:1.7}.help-actions{flex-direction:column;flex-shrink:0;gap:12px;display:flex}@media (width<=1024px){.courses-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){nav{display:none}.page-hero h1{font-size:2rem}.courses-grid,.compare-grid,.help-card{grid-template-columns:1fr}.help-actions{flex-flow:wrap}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.filter-inner{flex-direction:column;align-items:flex-start}.level-path-inner{flex-direction:column;gap:8px}.level-arrow{transform:rotate(90deg)}.level-table{font-size:12px}.level-table th,.level-table td{padding:10px 12px}}