.template-vex-course-template{--color-primary:var(--primary-color,#0f2c59);--color-primary-light:var(--primary-light,#1c4b8f);--color-primary-dark:var(--primary-dark,#081838);--color-secondary:var(--secondary-color,#c9973b);--color-secondary-light:var(--secondary-light,#e8b655);--color-secondary-dark:var(--secondary-dark,#a07420);--color-bg-base:var(--bg-base,#fafaf8);--color-bg-section:var(--bg-section,#f4f0e8);--color-bg-dark:var(--primary-color,#0f2c59);--color-surface:#fff;--color-surface-dark:var(--primary-light,#1c3f75);--color-text-heading:var(--primary-color,#0f2c59);--color-text-body:#3d4d61;--color-text-muted:#7a8ba0;--color-text-light:#fff;--color-accent:var(--secondary-color,#c9973b);--color-accent-hover:var(--secondary-dark,#a07420);--color-border:#dde4ed;--color-border-dark:var(--primary-light,#1c4b8f);--color-whatsapp:#25d366;--color-overlay:#0f2c59a6;--color-overlay-light:#0f2c5959;--font-display:var(--font-family,"DM Sans"), sans-serif;--font-body:var(--font-family,"DM Sans"), sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.45s cubic-bezier(.16, 1, .3, 1);--shadow-sm:0 1px 3px #0f2c5914;--shadow-md:0 4px 16px #0f2c591f;--shadow-lg:0 12px 40px #0f2c592e;--shadow-card:0 8px 32px #0f2c591a;font-family:var(--font-body);color:var(--color-text-body);background-color:var(--color-bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:1rem;line-height:1.7}body.template-vex-course-template{margin:0;padding:0}.template-vex-course-template *,.template-vex-course-template :before,.template-vex-course-template :after{box-sizing:border-box}.template-vex-course-template h1,.template-vex-course-template h2,.template-vex-course-template h3,.template-vex-course-template h4,.template-vex-course-template h5,.template-vex-course-template h6{font-family:var(--font-display);color:var(--color-text-heading);letter-spacing:-.02em;font-weight:700;line-height:1.15}.template-vex-course-template h1{font-size:clamp(2.2rem,5vw,3.8rem)}.template-vex-course-template h2{font-size:clamp(1.8rem,4vw,2.8rem)}.template-vex-course-template h3{font-size:clamp(1.25rem,2.5vw,1.75rem)}.template-vex-course-template h4{font-size:1.25rem}.template-vex-course-template p{line-height:1.75}.template-vex-course-template a{color:inherit;text-decoration:none}.template-vex-course-template img,.template-vex-course-template video{max-width:100%;display:block}.template-vex-course-template .container{width:100%;max-width:1280px;margin-inline:auto;padding-inline:clamp(1rem,5vw,3rem)}.template-vex-course-template .section-pad{padding-block:clamp(4rem,8vw,6rem)}.template-vex-course-template .eyebrow{font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;color:var(--color-secondary);font-size:.75rem;font-weight:600}.template-vex-course-template .section-heading{font-family:var(--font-display);color:var(--color-text-heading);font-weight:700}.template-vex-course-template .btn-primary{background:var(--color-primary);color:var(--color-text-light);font-family:var(--font-body);border:2px solid var(--color-primary);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-base), transform var(--transition-fast);white-space:nowrap;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:.9rem;font-weight:600;display:inline-flex}.template-vex-course-template .btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px)}.template-vex-course-template .btn-primary:active{transform:scale(.98)}.template-vex-course-template .btn-secondary{color:var(--color-primary);font-family:var(--font-body);border:2px solid var(--color-primary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;background:0 0;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:.9rem;font-weight:600;display:inline-flex}.template-vex-course-template .btn-secondary:hover{background:var(--color-primary);color:#fff;transform:translateY(-1px)}.template-vex-course-template .btn-gold{background:var(--color-secondary);color:#fff;font-family:var(--font-body);border:2px solid var(--color-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:.9rem;font-weight:600;display:inline-flex}.template-vex-course-template .btn-gold:hover{background:var(--color-secondary-dark);border-color:var(--color-secondary-dark);transform:translateY(-1px)}.template-vex-course-template .card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--transition-slow), box-shadow var(--transition-slow);overflow:hidden}.template-vex-course-template .card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes number-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.template-vex-course-template .animate-fade-in-up{animation:.8s cubic-bezier(.16,1,.3,1) both fade-in-up}.template-vex-course-template .animate-fade-in{animation:.6s both fade-in}.template-vex-course-template .animate-scale-in{animation:.7s cubic-bezier(.16,1,.3,1) both scale-in}.template-vex-course-template .animate-slide-in-left{animation:.8s cubic-bezier(.16,1,.3,1) both slide-in-left}.template-vex-course-template .reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(32px)}.template-vex-course-template .reveal.visible{opacity:1;transform:translateY(0)}.template-vex-course-template [data-animate]{opacity:0;will-change:opacity, transform;transition-property:opacity,transform;transition-duration:.7s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.template-vex-course-template [data-animate=fade-up]{transform:translateY(32px)}.template-vex-course-template [data-animate=fade-down]{transform:translateY(-32px)}.template-vex-course-template [data-animate=zoom-in]{transform:scale(.94)}.template-vex-course-template [data-animate=slide-left]{transform:translate(32px)}.template-vex-course-template [data-animate=slide-right]{transform:translate(-32px)}.template-vex-course-template [data-animate].animate-in,.template-vex-course-template [data-animate].visible{opacity:1;transform:translate(0)scale(1)}.template-vex-course-template .img-cover{object-fit:cover;width:100%;height:100%}.template-vex-course-template .marquee-track{animation:40s linear infinite marquee-left}.template-vex-course-template .marquee-wrap:hover .marquee-track{animation-play-state:paused}.template-vex-course-template .overlay-navy{background:var(--color-overlay);position:absolute;inset:0}.template-vex-course-template .overlay-navy-light{background:var(--color-overlay-light);position:absolute;inset:0}.template-vex-course-template .video-thumb{cursor:pointer;border-radius:var(--radius-lg);transition:transform var(--transition-slow), box-shadow var(--transition-slow);position:relative;overflow:hidden}.template-vex-course-template .video-thumb:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.template-vex-course-template .video-play-btn{transition:background var(--transition-base);background:#0f2c5940;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.template-vex-course-template .video-thumb:hover .video-play-btn{background:#0f2c5973}.template-vex-course-template .play-icon{width:64px;height:64px;transition:transform var(--transition-base);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 24px #0f2c594d}.template-vex-course-template .video-thumb:hover .play-icon{transform:scale(1.08)}.template-vex-course-template .kelas-card{border-radius:var(--radius-lg);cursor:pointer;aspect-ratio:4/5;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.template-vex-course-template .kelas-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.template-vex-course-template .kelas-card:hover img{transform:scale(1.07)}.template-vex-course-template .kelas-card-overlay{transition:background var(--transition-slow);background:linear-gradient(#08183826 0%,#08183880 55%,#081838eb 100%);flex-direction:column;justify-content:flex-end;padding:1.75rem;display:flex;position:absolute;inset:0}.template-vex-course-template .kelas-card:hover .kelas-card-overlay{background:linear-gradient(#0818384d 0%,#081838bf 45%,#081838f5 100%)}.template-vex-course-template .kelas-card-title{font-family:var(--font-display);color:#fff;transition:transform var(--transition-slow);font-size:1.4rem;font-weight:700;line-height:1.2}.template-vex-course-template .kelas-card-desc{font-family:var(--font-body);color:#ffffffd9;opacity:0;max-height:0;margin-top:.6rem;font-size:.875rem;line-height:1.6;transition:max-height .5s cubic-bezier(.16,1,.3,1),opacity .4s;overflow:hidden}.template-vex-course-template .kelas-card:hover .kelas-card-desc{opacity:1;max-height:200px}.template-vex-course-template .kelas-card-tag{background:var(--color-secondary);color:#fff;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-full);width:fit-content;transition:background var(--transition-base);margin-bottom:.75rem;padding:.25rem .75rem;font-size:.7rem;font-weight:600;display:inline-block}.template-vex-course-template .kelas-card-cta{color:var(--color-secondary-light);opacity:0;align-items:center;gap:.4rem;margin-top:.875rem;font-size:.82rem;font-weight:600;transition:opacity .4s .1s,transform .4s .1s;display:inline-flex;transform:translateY(8px)}.template-vex-course-template .kelas-card:hover .kelas-card-cta{opacity:1;transform:translateY(0)}.template-vex-course-template .gallery-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}@media (width<=1024px){.template-vex-course-template .gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.template-vex-course-template .gallery-grid{grid-template-columns:repeat(2,1fr)}}.template-vex-course-template .gallery-item{aspect-ratio:1;border-radius:var(--radius-md);cursor:pointer;overflow:hidden}.template-vex-course-template .gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1)}.template-vex-course-template .gallery-item:hover img{transform:scale(1.08)}.template-vex-course-template .hero-slider{width:100%;height:100dvh;min-height:560px;position:relative;overflow:hidden}.template-vex-course-template .hero-slide{opacity:0;transition:opacity .9s;position:absolute;inset:0}.template-vex-course-template .hero-slide.active{opacity:1}.template-vex-course-template .hero-slide img{object-fit:cover;width:100%;height:100%}.template-vex-course-template .slider-dot{cursor:pointer;width:10px;height:10px;transition:background var(--transition-base), transform var(--transition-base);background:#ffffff80;border:none;border-radius:50%;padding:0}.template-vex-course-template .slider-dot.active{background:#fff;transform:scale(1.3)}.template-vex-course-template .stat-number{font-family:var(--font-display);color:#fff;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1}.template-vex-course-template .stat-label{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#ffffffb3;margin-top:.5rem;font-size:.82rem;font-weight:500}.template-vex-course-template .testi-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border-left:4px solid var(--color-secondary);transition:transform var(--transition-slow), box-shadow var(--transition-slow);padding:2rem}.template-vex-course-template .testi-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.template-vex-course-template .navbar{z-index:100;height:72px;transition:background var(--transition-base), box-shadow var(--transition-base);align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.template-vex-course-template .navbar.scrolled{backdrop-filter:blur(12px);background:#fffffff5;box-shadow:0 1px 20px #0f2c591a}.template-vex-course-template .navbar.transparent{background:0 0}.template-vex-course-template .footer{background:var(--color-primary-dark);color:#ffffffbf;padding-block:3rem}.template-vex-course-template .article-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--transition-slow), box-shadow var(--transition-slow);flex-direction:column;display:flex;overflow:hidden}.template-vex-course-template .article-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.template-vex-course-template .article-card img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.template-vex-course-template .article-card:hover img{transform:scale(1.04)}.template-vex-course-template .lightbox-backdrop{z-index:200;background:#000000e0;justify-content:center;align-items:center;padding:1.5rem;animation:.2s fade-in;display:flex;position:fixed;inset:0}.template-vex-course-template .lightbox-inner{border-radius:var(--radius-xl);width:100%;max-width:900px;animation:.3s cubic-bezier(.16,1,.3,1) scale-in;position:relative;overflow:hidden}.template-vex-course-template .section-dark{background:var(--color-bg-dark);color:#ffffffd9}.template-vex-course-template .section-dark h2,.template-vex-course-template .section-dark h3{color:#fff}.template-vex-course-template .section-dark .eyebrow{color:var(--color-secondary-light)}.template-vex-course-template .section-divider{background:var(--color-border);height:1px}.template-vex-course-template .wa-btn{z-index:150;background:var(--color-whatsapp);width:60px;height:60px;transition:transform var(--transition-base), box-shadow var(--transition-base);border-radius:50%;justify-content:center;align-items:center;animation:.6s cubic-bezier(.16,1,.3,1) 1s both scale-in;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 6px 24px #25d36680}.template-vex-course-template .wa-btn:hover{transform:scale(1.1);box-shadow:0 8px 32px #25d366a6}.template-vex-course-template .wa-btn img{object-fit:contain;width:32px;height:32px}.template-vex-course-template .mobile-menu{z-index:90;background:var(--color-primary);flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0;transform:translate(100%)}.template-vex-course-template .mobile-menu.open{transform:translate(0)}.template-vex-course-template .mobile-nav-link{font-family:var(--font-display);color:#fff;transition:color var(--transition-base);font-size:2rem;font-weight:700}.template-vex-course-template .mobile-nav-link:hover,.template-vex-course-template .mobile-nav-link.active{color:var(--color-secondary-light)}.template-vex-course-template .nav-link{font-family:var(--font-body);color:var(--color-text-body);transition:color var(--transition-base);font-size:.9rem;font-weight:600;position:relative}.template-vex-course-template .nav-link:after{content:"";background:var(--color-secondary);transform-origin:50%;height:2px;transition:transform var(--transition-base);position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.template-vex-course-template .nav-link:hover,.template-vex-course-template .nav-link.active{color:var(--color-primary)}.template-vex-course-template .nav-link.active:after,.template-vex-course-template .nav-link:hover:after{transform:scaleX(1)}.template-vex-course-template .navbar.transparent .nav-link{color:#ffffffe6}.template-vex-course-template .navbar.transparent .nav-link:hover{color:#fff}.template-vex-course-template .navbar .nav-logo{object-fit:contain;width:auto;height:44px;transition:filter var(--transition-base)}.template-vex-course-template .navbar.transparent .nav-logo{filter:brightness(0)invert()}.template-vex-course-template .navbar .nav-brand-text{color:var(--color-primary);transition:color var(--transition-base);font-size:1.25rem;font-weight:700}.template-vex-course-template .navbar.transparent .nav-brand-text{color:#fff}.template-vex-course-template .navbar .hamburger-btn{color:var(--color-primary);transition:color var(--transition-base)}.template-vex-course-template .navbar.transparent .hamburger-btn{color:#fff}.template-vex-course-template .fasilitas-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--transition-slow), box-shadow var(--transition-slow);overflow:hidden}.template-vex-course-template .fasilitas-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.template-vex-course-template .fasilitas-card img{aspect-ratio:4/3;object-fit:cover;width:100%}.template-vex-course-template .contact-form-card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--color-border);padding:clamp(1.75rem,4vw,2.75rem)}.template-vex-course-template .form-group{margin-bottom:1.5rem}.template-vex-course-template .form-label{font-family:var(--font-display);color:var(--color-text-heading);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.template-vex-course-template .form-input,.template-vex-course-template .form-textarea{width:100%;font-family:var(--font-body);color:var(--color-text-body);background:var(--color-bg-base);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.875rem 1.125rem;font-size:.95rem}.template-vex-course-template .form-input:focus,.template-vex-course-template .form-textarea:focus{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px #0f2c591f}.template-vex-course-template .form-textarea{resize:vertical;min-height:120px}.template-vex-course-template .contact-info-card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:1px solid var(--color-border);justifyContent:space-between;flex-direction:column;height:100%;padding:clamp(1.75rem,4vw,2.5rem);display:flex}.template-vex-course-template .contact-info-item{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.template-vex-course-template .contact-icon-box{border-radius:var(--radius-md);width:44px;height:44px;color:var(--color-secondary-dark);background:#c9973b1f;flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (prefers-reduced-motion:reduce){.template-vex-course-template *,.template-vex-course-template :before,.template-vex-course-template :after{transition-duration:.01ms!important;animation-duration:.01ms!important}.template-vex-course-template .reveal{opacity:1;transform:none}}.template-vex-course-template ::selection{background-color:var(--color-primary);color:var(--color-text-light)}