.hero-grid{grid-template-columns:1.25fr .9fr;align-items:center;gap:34px;display:grid}@media (max-width:920px){.hero-grid{grid-template-columns:1fr;gap:26px}}.hero .btn-glass{color:#fff;background:#ffffff24;border:1px solid #ffffff4d}.hero .btn-glass:hover{background:#ffffff38}.trust-row{color:#ffffffdb;border-top:1px solid #ffffff2e;flex-wrap:wrap;gap:10px 22px;margin-top:30px;padding-top:22px;font-size:13px;display:flex}.trust-row span{align-items:center;gap:7px;display:inline-flex}.trust-row span:before{content:"";background:var(--gold);border-radius:50%;width:6px;height:6px;display:inline-block}.hero-card{border-radius:var(--r-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #ffffff38;padding:22px}.hero-card .hc-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.hero-card .hc-ttl{font-family:var(--fams-display);color:#fff;font-size:13.5px;font-weight:800}.hero-card .hc-tag{color:#fff;background:#ffffff2e;border-radius:999px;padding:4px 9px;font-size:10.5px;font-weight:700}.kpi{grid-template-columns:1fr 1fr;gap:10px;display:grid}.kpi .k{border-radius:var(--r-md);background:#ffffff1a;border:1px solid #ffffff29;padding:13px 14px}.kpi .k b{font-family:var(--fams-display);color:#fff;font-size:21px;font-weight:800;display:block}.kpi .k span{color:#ffffffc7;font-size:11px}.hc-bars{gap:10px;margin-top:14px;display:grid}.hc-bar{color:#ffffffd9;align-items:center;gap:10px;font-size:11px;display:flex}.hc-bar .lbl{flex:0 0 64px}.hc-bar .track{background:#ffffff29;border-radius:999px;flex:1;height:7px;overflow:hidden}.hc-bar .track i{background:#fff;border-radius:999px;height:100%;display:block}.logos{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:26px;display:flex}.logos span{font-family:var(--fams-display);color:var(--muted);opacity:.85;border:1px solid var(--line);background:var(--card);direction:ltr;border-radius:9px;padding:7px 15px;font-size:14px;font-weight:800}.quote-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:24px;display:grid}@media (max-width:760px){.quote-grid{grid-template-columns:1fr}}.quote .av{background:var(--course-grad,var(--brand-grad));color:#fff;width:42px;height:42px;font-weight:800;font-family:var(--fams-display);border-radius:50%;place-items:center;display:grid}.compare{grid-template-columns:1fr 1fr;gap:18px;margin-top:30px;display:grid}@media (max-width:860px){.compare{grid-template-columns:1fr}}.tcard{background:var(--card);border:1.5px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);cursor:pointer;flex-direction:column;display:flex;position:relative;overflow:hidden}.tcard.live{border-color:var(--course-accent,var(--indigo));box-shadow:var(--shadow-md)}.tcard.sel{outline:3px solid var(--course-accent,var(--indigo));outline-offset:0}.tcard .tc-strip{background:var(--line);height:6px}.tcard.live .tc-strip{background:var(--course-grad,var(--brand-grad))}.tcard .tc-body{flex-direction:column;flex:1;padding:24px;display:flex}.tc-pick{inset-inline-end:18px;position:absolute;top:18px}.tc-name{font-family:var(--fams-display);color:var(--ink);margin-top:6px;font-size:18px;font-weight:800}.tc-when{color:var(--body);margin-top:4px;font-size:13px}.tc-price{flex-wrap:wrap;align-items:baseline;gap:10px;margin:16px 0 4px;display:flex}.tc-price .now{font-family:var(--fams-display);color:var(--ink);font-size:34px;font-weight:800}.tc-price .cur{color:var(--muted);font-size:14px;font-weight:700}.tc-price .was{color:var(--muted);font-size:16px;text-decoration:line-through}.tc-save{color:var(--success);font-size:12.5px;font-weight:700}.tc-feats{gap:11px;margin:20px 0 22px;list-style:none;display:grid}.tc-feats li{color:var(--body);align-items:flex-start;gap:10px;font-size:14px;display:flex}.tc-feats li svg{color:var(--course-accent,var(--indigo));flex:none;margin-top:3px}.tc-feats li.muted,.tc-feats li.muted svg{color:var(--muted)}.tc-note{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);color:var(--body);margin-top:auto;padding:12px 14px;font-size:12.5px}.tc-note b{color:var(--ink)}.instructor{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);grid-template-columns:.7fr 1.3fr;align-items:center;gap:26px;margin-top:24px;padding:28px;display:grid}@media (max-width:760px){.instructor{text-align:center;grid-template-columns:1fr}}.ins-photo{aspect-ratio:1;border-radius:var(--r-lg);background:var(--course-grad,var(--brand-grad));color:#fff;width:100%;max-width:220px;font-family:var(--fams-display);place-items:center;margin-inline:auto;font-size:54px;font-weight:800;display:grid}.instructor h3{color:var(--ink);font-size:21px}.instructor .role{color:var(--course-accent,var(--indigo));margin:4px 0 12px;font-size:13.5px;font-weight:700}.instructor p{color:var(--body);margin-bottom:10px;font-size:14.5px}.ins-tags{flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-top:6px;display:flex}@media (max-width:760px){.ins-tags{justify-content:center}}.ins-tags span{color:var(--indigo-700);background:var(--indigo-tint);direction:ltr;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:700}[data-course=vibe-coding] .hero-vibe h1 .en,[data-course=vibe-coding] .hero-vibe h1 .pct{font-family:Playfair Display,serif}
