:root{--font-sans:"PingFang HK", "Noto Sans TC", "Microsoft JhengHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--brand-sky-light:#e8fcff;--brand-sky-soft:#d6f5fa;--brand-cyan:#3d9cd2;--brand-cyan-dark:#1e78b4;--brand-cyan-hover:#155e91;--brand-orange:#ff6b00;--brand-orange-hover:#e55d00;--brand-wa-green:#16b877;--brand-wa-green-hover:#119e65;--brand-blue:var(--brand-cyan);--brand-blue-dark:var(--brand-cyan-dark);--brand-blue-light:#f0faff;--bg-page:#e8fcff;--bg-card:#fff;--bg-subtle:#f2fafd;--text-primary:#142030;--text-secondary:#3e546b;--text-muted:#647c94;--text-inverse:#fff;--border-light:#3d9cd229;--border-focus:#3d9cd2;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--shadow-sm:0 4px 14px #1e78b40f;--shadow-md:0 10px 28px #1e78b41a;--shadow-lg:0 18px 42px #1e78b424;--shadow-hover:0 16px 36px #1e78b429;--container-max:1220px;--header-height:88px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.site-wrapper{flex-direction:column;min-height:100vh;display:flex;position:relative}.main-content{flex:1}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 24px}.navbar-header{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:var(--header-height);background-color:#e8fcffe6;border-bottom:1px solid #3d9cd226;align-items:center;display:flex;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;gap:24px;display:flex}.site-logo-link{flex-shrink:0;align-items:center;text-decoration:none;transition:transform .2s;display:inline-flex}.site-logo-link:hover{transform:translateY(-2px)}.site-navbar-logo-full{object-fit:contain;width:auto;height:62px;display:block}.site-desktop-nav{border-radius:var(--radius-full);background:#ffffffeb;border:1px solid #3d9cd22e;align-items:center;gap:10px;padding:6px 10px;display:flex;box-shadow:0 4px 16px #1e78b40f}.site-nav-item{color:var(--text-secondary);border-radius:var(--radius-full);white-space:nowrap;padding:9px 22px;font-size:.96rem;font-weight:800;transition:all .2s}.site-nav-item:hover{color:var(--brand-cyan-dark);background:var(--bg-subtle)}.site-nav-item.active{color:#fff;background:var(--brand-cyan);box-shadow:0 4px 12px #3d9cd24d}.stemzai-anim-box{-webkit-user-select:none;user-select:none;flex-shrink:0;display:inline-block;position:relative}.stemzai-frame{object-fit:contain;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .25s ease-in-out,transform .25s ease-in-out;position:absolute;inset:0;transform:scale(.97)}.stemzai-frame.active{opacity:1;transform:scale(1)}.stemzai-peeker{filter:drop-shadow(0 4px 10px #1e78b426);pointer-events:none;width:86px;height:auto;animation:3.6s ease-in-out infinite peekBounce}@keyframes peekBounce{0%,to{transform:translateY(4px)}50%{transform:translateY(-4px)}}.badge-pill{letter-spacing:.05em;color:var(--brand-cyan-dark);border-radius:var(--radius-full);background-color:#3d9cd21f;border:1px solid #3d9cd23d;align-items:center;gap:8px;padding:6px 16px;font-size:.8rem;font-weight:800;display:inline-flex}.section-title{color:var(--text-primary);letter-spacing:-.015em;margin-top:12px;margin-bottom:12px;font-size:2.35rem;font-weight:900;line-height:1.24}.section-subtitle{color:var(--text-secondary);max-width:680px;font-size:1.05rem}.btn{cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:10px;padding:12px 26px;font-size:.96rem;font-weight:800;transition:all .22s;display:inline-flex;border-radius:var(--radius-full)!important}.btn-primary{background:linear-gradient(135deg, #ff7b1c 0%, var(--brand-orange) 100%);color:#fff;box-shadow:0 6px 18px #ff6b0040}.btn-primary:hover{background:linear-gradient(135deg, var(--brand-orange) 0%, var(--brand-orange-hover) 100%);transform:translateY(-2px);box-shadow:0 8px 24px #ff6b0059}.btn-secondary{color:var(--brand-cyan-dark);background-color:#fff;border:1.5px solid #3d9cd273;box-shadow:0 2px 8px #1e78b40f}.btn-secondary:hover{background-color:var(--bg-subtle);border-color:var(--brand-cyan);transform:translateY(-2px)}.btn-whatsapp{background:linear-gradient(135deg, #1ed188 0%, var(--brand-wa-green) 100%);color:#fff;box-shadow:0 6px 18px #16b87742}.btn-whatsapp:hover{background:linear-gradient(135deg, var(--brand-wa-green) 0%, var(--brand-wa-green-hover) 100%);transform:translateY(-2px);box-shadow:0 8px 24px #16b8775c}.btn-primary img,.btn-whatsapp img{filter:brightness(0)invert()}.card{background-color:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);padding:32px;transition:transform .25s,box-shadow .25s,border-color .25s;border-radius:var(--radius-lg)!important}.card:hover{box-shadow:var(--shadow-hover);border-color:#3d9cd261;transform:translateY(-4px)}.course-card{border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;height:100%;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden}.course-card:hover{box-shadow:var(--shadow-hover);border-color:#3d9cd273;transform:translateY(-5px)}.course-card .card-thumb-wrapper{background-color:var(--bg-subtle);flex-shrink:0;width:100%;height:215px;position:relative;overflow:hidden}.course-card .card-thumb{object-fit:cover;width:100%;height:100%;transition:transform .4s}.course-card:hover .card-thumb{transform:scale(1.05)}.course-card .cat-badge{color:#fff;border-radius:var(--radius-full);letter-spacing:.04em;padding:5px 14px;font-size:.76rem;font-weight:800;position:absolute;top:16px;left:16px;box-shadow:0 4px 12px #14203038}.course-card .card-body{flex-direction:column;flex:1;padding:26px 26px 28px;display:flex}.course-card .meta-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.course-card .age-pill,.course-card .dur-pill{color:var(--brand-cyan-dark);background:var(--bg-subtle);border-radius:var(--radius-full);white-space:nowrap;border:1px solid #3d9cd226;align-items:center;gap:5px;padding:4px 11px;font-size:.78rem;font-weight:700;line-height:1.3;display:inline-flex}.course-card .card-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3.35rem;margin-bottom:10px;font-size:1.22rem;font-weight:900;line-height:1.38;display:-webkit-box;overflow:hidden}.course-card .card-title a:hover{color:var(--brand-cyan)}.course-card .card-tagline{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.9rem;margin-bottom:20px;font-size:.92rem;line-height:1.58;display:-webkit-box;overflow:hidden}.course-card .card-target{background:var(--bg-subtle);border-radius:var(--radius-md);white-space:nowrap;text-overflow:ellipsis;border:1px solid #3d9cd21f;align-items:center;gap:8px;margin-top:auto;margin-bottom:20px;padding:10px 14px;font-size:.84rem;display:flex;overflow:hidden}.course-card .target-label{color:var(--text-muted);flex-shrink:0;font-weight:700}.course-card .target-val{color:var(--text-primary);text-overflow:ellipsis;font-weight:800;overflow:hidden}.course-card .card-footer{grid-template-columns:1fr 1fr;gap:12px;display:grid}.course-card .card-footer .btn{width:100%;padding:10px 14px!important;font-size:.88rem!important}.grid-2{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (max-width:992px){.site-desktop-nav{display:none}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.section-title{font-size:1.95rem}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container{padding:0 18px}}