.hero{background:radial-gradient(ellipse 800px 460px at 92% -10%, #6fe0db33, transparent 60%), linear-gradient(155deg, var(--navy) 0%, #63a9cc 55%, #8ecdec 100%);color:#fff;overflow:hidden}.hero-inner{max-width:var(--max-w);grid-template-columns:1.3fr .85fr;align-items:center;gap:52px;margin:0 auto;padding:68px 24px 80px;display:grid}.hero-eyebrow{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.eyebrow-badge{background:var(--cyan);color:var(--navy);letter-spacing:1px;border-radius:5px;padding:4px 12px;font-size:11px;font-weight:900}.eyebrow-sub{color:#fff9;font-size:12.5px;font-weight:600}.hero h1{font-family:var(--font-display);margin-bottom:18px;font-size:clamp(30px,4.4vw,46px);font-weight:800;line-height:1.45}.hero h1 em{color:var(--cyan);white-space:nowrap;font-style:normal;position:relative}.hero h1 em:after{content:"";background:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 120 16\" preserveAspectRatio=\"none\"><path d=\"M0 8h34l7-7 9 13 7-6h63\" fill=\"none\" stroke=\"%23D99A2B\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>") 50%/100% 100% no-repeat;height:11px;position:absolute;bottom:-3px;left:0;right:0}.hero-desc{color:#ffffffc7;max-width:520px;margin-bottom:24px;font-size:15px}.feature-pills{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.pill{color:#ffffffe6;background:#ffffff17;border:1px solid #fff3;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:12px;font-weight:700;display:inline-flex}.pill .icon{width:13px;height:13px;color:var(--cyan)}.search-bar{background:#fff;border-radius:999px;align-items:center;gap:12px;max-width:520px;padding:8px 8px 8px 22px;display:flex;box-shadow:0 12px 40px #03192873}.search-bar .icon{width:18px;height:18px;color:var(--gray-400)}.search-bar input{min-width:0;color:var(--gray-800);background:0 0;border:none;outline:none;flex:1;font-size:14.5px}.hero-stats{background:#ffffff0f;border:1px solid #6fe0db42;border-radius:18px;padding:24px 26px}.hero-stats-title{letter-spacing:1px;color:var(--cyan);align-items:center;gap:8px;margin-bottom:12px;font-size:12.5px;font-weight:700;display:flex}.hs-item{color:#ffffffe0;border-top:1px solid #ffffff21;align-items:baseline;gap:12px;padding:11px 2px;font-size:13px;display:flex}.hs-item:first-child{border-top:none}.hs-item:hover{color:#fff;text-underline-offset:3px;text-decoration:underline}.hs-rank{color:var(--gold);flex-shrink:0;font-size:12px;font-weight:700}.hero-statsline{color:#ffffffa8;letter-spacing:.3px;margin-top:16px;font-size:12px}.hero-statsline b{color:#fff;margin:0 1px;font-size:14px}@media (max-width:900px){.hero-inner{grid-template-columns:1fr;gap:34px;padding:52px 24px 64px}}.license-strip{background:var(--gold-pale);border-bottom:1px solid #f0dfb6}.license-strip-inner{max-width:var(--max-w);flex-wrap:wrap;align-items:center;gap:16px;margin:0 auto;padding:16px 24px;display:flex}.license-icon{background:var(--gold);color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.license-icon .icon{width:20px;height:20px}.license-strip-title{color:var(--navy);font-size:14px;font-weight:800}.license-strip-sub{color:var(--gray-600);font-size:12px}.license-strip .btn{margin-left:auto}@media (max-width:700px){.license-strip .btn{width:100%;margin-left:0}}.filter-bar{border-bottom:1px solid var(--gray-200);z-index:50;background:#fff;position:sticky;top:68px}.filter-bar-inner{max-width:var(--max-w);gap:8px;margin:0 auto;padding:14px 24px;display:flex;overflow-x:auto}.filter-bar-inner::-webkit-scrollbar{display:none}.main{max-width:var(--max-w);grid-template-columns:250px 1fr;align-items:start;gap:32px;margin:0 auto;padding:40px 24px 80px;display:grid}@media (max-width:900px){.main{grid-template-columns:1fr}}.sidebar{flex-direction:column;gap:20px;display:flex;position:sticky;top:140px}@media (max-width:900px){.sidebar{position:static}}.sidebar-block{border:1px solid var(--gray-200);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;padding:22px}.sidebar-title{color:var(--navy);border-bottom:1px solid var(--gray-100);align-items:center;gap:8px;margin-bottom:14px;padding-bottom:12px;font-size:14px;font-weight:800;display:flex}.sidebar-title .icon{width:15px;height:15px;color:var(--teal)}.level-btn{color:var(--gray-600);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-size:13.5px;font-weight:600;transition:background .15s,color .15s;display:flex}.level-btn:hover,.level-btn.active{background:var(--teal-pale);color:var(--teal-deep)}.level-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.cnt{color:var(--gray-400);background:var(--gray-100);border-radius:999px;margin-left:auto;padding:1px 8px;font-size:11px;font-weight:700}.price-opt{color:var(--gray-600);cursor:pointer;border-radius:8px;align-items:center;gap:9px;padding:6px 4px;font-size:13.5px;display:flex}.price-opt:hover{background:var(--gray-50);color:var(--teal-deep)}.price-opt input{accent-color:var(--teal);width:15px;height:15px}.instructor-cta{background:var(--navy);color:#fff;border:none}.instructor-cta .sidebar-title{color:var(--cyan);border-bottom-color:#6fe0e033}.instructor-cta p{color:#ffffff9e;margin-bottom:16px;font-size:13px;line-height:1.7}.instructor-cta .btn{background:var(--cyan);width:100%;color:var(--navy)}.featured-banner{background:var(--navy);border-radius:var(--r-lg);color:#fff;box-shadow:var(--shadow-md);flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:28px;padding:26px 30px;display:flex}.featured-label{letter-spacing:1px;color:var(--gold);align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:800;display:inline-flex}.featured-label .icon{width:13px;height:13px}.featured-title{font-family:var(--font-display);margin-bottom:8px;font-size:19px;font-weight:700}.featured-desc{color:#fff9;flex-wrap:wrap;align-items:center;gap:14px;font-size:12.5px;display:flex}.featured-desc .icon{width:13px;height:13px;color:var(--cyan)}.featured-desc span{align-items:center;gap:5px;display:inline-flex}.featured-right{text-align:right;margin-left:auto}.featured-price{font-variant-numeric:tabular-nums;margin-bottom:10px;font-size:26px;font-weight:800}@media (max-width:700px){.featured-right{text-align:left;margin-left:0}}.course-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.course-section-head h2{font-family:var(--font-display);color:var(--navy);font-size:23px}.sort-sel{border:1.5px solid var(--gray-200);color:var(--gray-600);background:#fff;border-radius:10px;padding:9px 14px;font-size:13px;font-weight:600}.course-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;display:grid}.course-card{flex-direction:column;display:flex;overflow:hidden}.course-thumb{aspect-ratio:16/9;place-items:center;display:grid;position:relative}.thumb-1{background:#7fc3e8}.thumb-2{background:#92c8ec}.thumb-3{background:#f6bcd0}.thumb-4{background:#a8d378}.thumb-5{background:#f5c078}.thumb-6{background:#a0daea}.course-play{background:#fffffff0;border-radius:50%;place-items:center;width:50px;height:50px;transition:transform .2s;display:grid;box-shadow:0 8px 24px #0000004d}.course-card:hover .course-play{transform:scale(1.1)}.course-play .icon{width:18px;height:18px;fill:var(--teal);stroke:none;margin-left:3px}.nc-badge{color:var(--cyan);letter-spacing:.5px;background:#5a93b8d9;border-radius:6px;padding:4px 10px;font-size:9.5px;font-weight:800;position:absolute;top:12px;left:12px}.free-badge{background:var(--sage);color:#fff;border-radius:999px;padding:4px 11px;font-size:10.5px;font-weight:800;position:absolute;top:12px;right:12px}.course-duration{color:#fff;font-variant-numeric:tabular-nums;background:#000000ad;border-radius:6px;padding:3px 9px;font-size:11px;font-weight:700;position:absolute;bottom:11px;right:11px}.course-body{flex-direction:column;flex:1;padding:18px 20px 20px;display:flex}.course-cat-tag{border-radius:999px;align-self:flex-start;margin-bottom:10px;padding:3px 11px;font-size:10.5px;font-weight:700}.cat-teal{background:var(--teal-pale);color:var(--teal-deep)}.cat-blue{color:var(--navy-2);background:#e8eef6}.cat-purple{color:#6a3aa8;background:#efe8f8}.cat-green{background:var(--sage-pale);color:var(--sage)}.cat-orange{background:var(--gold-pale);color:#a8731b}.course-title{color:var(--navy);margin-bottom:8px;font-size:14.5px;font-weight:700;line-height:1.55}.course-instructor{color:var(--gray-600);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;display:inline-flex}.course-instructor .icon{width:13px;height:13px;color:var(--teal)}.course-rating{color:var(--gray-400);align-items:center;gap:6px;margin-bottom:10px;font-size:12px;display:flex}.course-rating b{color:var(--gray-800)}.course-meta{color:var(--gray-400);flex-wrap:wrap;gap:12px;margin-bottom:14px;font-size:11.5px;font-weight:600;display:flex}.course-meta span{align-items:center;gap:5px;display:inline-flex}.course-meta .icon{width:12px;height:12px}.course-footer{border-top:1px solid var(--gray-100);justify-content:space-between;align-items:center;margin-top:auto;padding-top:13px;display:flex}.course-price{color:var(--navy);font-variant-numeric:tabular-nums;font-size:17px;font-weight:800}.course-price.free{color:var(--sage);font-size:13.5px}.how-section{border-top:1px solid var(--gray-200);background:#fff}.how-inner{max-width:var(--max-w);margin:0 auto;padding:80px 24px}.how-head{text-align:center;margin-bottom:44px}.how-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.how-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--r-lg);text-align:center;padding:30px 24px;position:relative}.how-icon-box{background:var(--teal-pale);width:52px;height:52px;color:var(--teal);border-radius:15px;place-items:center;margin:0 auto 16px;display:grid}.how-icon-box .icon{width:24px;height:24px}.how-step{letter-spacing:2px;color:var(--gold);margin-bottom:6px;font-size:11.5px;font-weight:700}.how-title{color:var(--navy);margin-bottom:8px;font-size:15.5px;font-weight:800}.how-desc{color:var(--gray-600);font-size:12.5px;line-height:1.8}@media (max-width:900px){.how-grid{grid-template-columns:1fr 1fr}}@media (max-width:520px){.how-grid{grid-template-columns:1fr}}