/* Canonical frontend: Tiffany-to-white surfaces and no dark-filled actions. */
:root{--vf-tiffany:#0abab5;--vf-tiffany-hover:#35c9c4;--vf-soft:#ddf8f5;--vf-white:#fff;--vf-ink:#063d3b;--vf-muted:#456b69;--vf-border:#75cbc6;--vf-focus:#075f9c}
html{min-height:100%;background:#fff}body.vd-frontend{min-height:100vh;color:var(--vf-ink);background:linear-gradient(180deg,#74d8d2 0%,#a8e8e4 25%,#ddf8f5 58%,#fff 100%) fixed!important;font-family:"Noto Sans Thai","Leelawadee UI",Tahoma,Arial,sans-serif}
body.vd-frontend :is(main,.auth-page,.catalog-page,.dashboard-shell,.course-page,.article-page,.blog-page,.product-page,.cart-page){background-color:transparent!important}
body.vd-frontend .topbar{background:linear-gradient(100deg,#55cbc5,#0abab5)!important;color:var(--vf-ink)!important}body.vd-frontend .topbar :is(a,button){color:var(--vf-ink)!important}body.vd-frontend .topbar :is(a,button):is(:hover,:focus-visible,[aria-current="page"],.active){border-color:#fff!important;background:#fff!important;color:var(--vf-ink)!important}
body.vd-frontend :is(.hero,.home-ai-hero,.course-owner-feature,.page-hero,.showcase-section){border-color:var(--vf-border)!important;background:linear-gradient(145deg,#56d0ca 0%,#b9efeb 48%,#fff 100%)!important;color:var(--vf-ink)!important;box-shadow:0 16px 40px rgba(6,61,59,.1)!important}body.vd-frontend :is(.hero,.home-ai-hero,.course-owner-feature,.page-hero,.showcase-section) :is(h1,h2,h3,p,span,strong,.eyebrow,.hero-description){color:var(--vf-ink)!important;text-shadow:none!important}
body.vd-frontend :is(.site-footer,footer.site-footer){border-top:1px solid var(--vf-border);background:linear-gradient(145deg,#b8eeea,#fff)!important;color:var(--vf-ink)!important}body.vd-frontend :is(.site-footer,footer.site-footer) :is(a,small,strong){color:var(--vf-ink)!important}
body.vd-frontend :is(button,.primary,.primary-button,.secondary-button,.download-primary,.line-outline,.vds-btn,.bundle-launch,.member-nav-status,.boss-mobile-launch){box-sizing:border-box;min-height:44px;border:1px solid var(--vf-border)!important;border-radius:11px;background:#fff!important;color:var(--vf-ink)!important;box-shadow:none!important;font-family:inherit;font-weight:900;text-decoration:none;cursor:pointer}body.vd-frontend :is(button,.primary,.primary-button,.secondary-button,.download-primary,.line-outline,.vds-btn,.bundle-launch,.member-nav-status,.boss-mobile-launch):is(:hover,:focus-visible){border-color:var(--vf-tiffany)!important;background:var(--vf-soft)!important;color:var(--vf-ink)!important}
body.vd-frontend :is(.vds-btn--primary,.primary,.primary-button,button[type="submit"],.download-primary,[data-add-cart]){border-color:var(--vf-tiffany)!important;background:var(--vf-tiffany)!important;color:var(--vf-ink)!important}body.vd-frontend :is(.vds-btn--primary,.primary,.primary-button,button[type="submit"],.download-primary,[data-add-cart]):hover{background:var(--vf-tiffany-hover)!important}
body.vd-frontend :is(button,.vds-btn,[role="button"],a):focus-visible{outline:3px solid var(--vf-focus)!important;outline-offset:3px}body.vd-frontend :is(button,.vds-btn)[disabled],body.vd-frontend [aria-disabled="true"]{border-color:#aecbc9!important;background:#e8f1f0!important;color:#58706e!important;cursor:not-allowed}
body.vd-frontend :is(.danger,.ghost-danger,.vds-btn--danger,[data-remove]){border-color:#c83c3c!important;background:#fff5f5!important;color:#a92f2f!important}body.vd-frontend :is(.home-contact-actions .line,.line-button){border-color:#06c755!important;background:#06c755!important;color:#fff!important}body.vd-frontend .home-contact-actions .facebook{border-color:#0866ff!important;background:#0866ff!important;color:#fff!important}
body.vd-frontend :is(.vd-card-actions a,.vd-bottom a){border:1px solid var(--vf-tiffany)!important;background:#fff!important;color:var(--vf-ink)!important}body.vd-frontend :is(.vd-card-actions button,[data-add-cart]){border:1px solid var(--vf-tiffany)!important;background:var(--vf-tiffany)!important;color:var(--vf-ink)!important}
body.vd-frontend :is(.catalog-category-filters button,.course-platform-filters button,.catalog-filter-row button)[aria-pressed="true"],body.vd-frontend :is(.catalog-category-filters button,.course-platform-filters button,.catalog-filter-row button).active{border:2px solid var(--vf-tiffany)!important;background:var(--vf-soft)!important;color:var(--vf-ink)!important}body.vd-frontend .vd-cover-slider>:is(.vd-slide-prev,.vd-slide-next),body.vd-frontend :is(.vd-slide-prev,.vd-slide-next,.slider-arrow){min-width:44px!important;width:44px!important;min-height:44px!important;border-color:#fff!important;background:var(--vf-tiffany)!important;color:var(--vf-ink)!important}body.vd-frontend :is(.vd-tag,.type-tag,.ready-tag){background:var(--vf-soft)!important;color:var(--vf-ink)!important}
body.vd-frontend .course-owner-price strong,body.vd-frontend .course-owner-price strong span{color:#e32636!important;text-shadow:none!important}
body.vd-frontend .course-owner-price del,body.vd-frontend .course-owner-no-promo,body.vd-frontend .course-owner-feature :is(p,small){color:var(--vf-ink)!important;opacity:1!important;text-shadow:none!important}
body.vd-frontend .member-sidebar{border:1px solid var(--vf-border);background:linear-gradient(160deg,#8de1dd,#ddf8f5)!important;color:var(--vf-ink)!important}body.vd-frontend .member-sidebar :is(p,a,button,h3){color:var(--vf-ink)!important}
body.vd-frontend .topbar.mobile-nav-ready>nav{background:linear-gradient(180deg,#5ed1cb,#d9f7f4)!important;color:var(--vf-ink)!important}body.vd-frontend .topbar.mobile-nav-ready>nav :is(a,button,.vd-language-switcher){border-color:var(--vf-border)!important;background:#fff!important;color:var(--vf-ink)!important}
body.vd-frontend .boss-mobile-launch{background:var(--vf-tiffany)!important;color:var(--vf-ink)!important}body.vd-frontend .boss-mobile-overlay{background:rgba(10,186,181,.42)!important}body.vd-frontend .boss-mobile-panel{background:linear-gradient(180deg,var(--vf-soft),#fff)!important}body.vd-frontend .boss-mobile-device{border-color:var(--vf-tiffany)!important;background:var(--vf-tiffany)!important}
@media(max-width:800px){body.vd-frontend :is(button,.vds-btn,[role="button"]){min-height:44px}}@media(prefers-reduced-motion:reduce){body.vd-frontend *{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(forced-colors:active){body.vd-frontend :is(button,.vds-btn,a){border:1px solid ButtonText!important}}
.course-plan-public{display:inline-flex;width:max-content;max-width:100%;padding:6px 10px;border-radius:999px;background:#d9f7f2;color:#075b57;font-size:12px;font-weight:900;line-height:1.25}.course-plan-public[data-plan="free"]{background:#fff0c7;color:#714b00}.course-plan-public[data-plan="partner"]{background:#e9e0ff;color:#4b2b82}