:root{--kz-blue-dark: #063467;--kz-blue-link: #166DA6;--kz-cyan: #58C0D8;--kz-text-main: #333333;--kz-text-muted: #666666;--kz-bg-purple-light: #f3e5f5;--kz-gradient-hero: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--kz-font-main: "Sarabun", sans-serif}body{margin:0;padding:0;font-family:var(--kz-font-main);background-color:#fff;color:var(--kz-text-main);line-height:1.6;overflow-x:hidden}#app-wrapper{display:flex;flex-direction:column;min-height:100vh}img{max-width:100%;height:auto;display:block;image-rendering:-webkit-optimize-contrast}.container{max-width:1200px;margin:0 auto;padding:0 20px}.kz-align-full{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.kz-spacer{height:40px}.kz-text-center{text-align:center}.kz-bg-gradient{background:var(--kz-gradient-hero);color:#fff}.kz-bg-purple-light{background-color:var(--kz-bg-purple-light)}.kz-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.kz-grid-2-bias{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px}#idmainheader{background-color:var(--kz-blue-dark);padding:10px 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #0000001a}.hd-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.main-navigation ul{display:flex!important;flex-direction:row!important;gap:25px;list-style:none;margin:0;padding:0}.main-navigation a{color:#fff;font-weight:700;font-size:16px;text-transform:uppercase;white-space:nowrap}.main-navigation a:hover{color:var(--kz-cyan)}.kz-btn{display:inline-block;padding:12px 28px;border-radius:9999px;font-weight:700;transition:.3s;border:none;text-align:center}.kz-btn-primary{background-color:#32373c;color:#fff}.kz-btn-primary:hover{background-color:#000;transform:translateY(-2px)}.kz-btn-white{background-color:#fff;color:var(--kz-blue-dark)}.kz-buttons-wrapper{margin-top:30px;display:flex}.kz-section-cover{padding:40px 0;display:flex;align-items:center}.kz-policy-cover{padding:60px 0;min-height:270px;display:flex;align-items:center}.kz-section-why-us{background-color:#fff;padding:40px 0}.why-us-item{text-align:left}.why-us-item figure{height:70px;margin:0 0 15px;display:flex}.why-us-item figure img{height:100%;width:auto;object-fit:contain}.hero-image{display:flex;justify-content:center;align-items:center}.hero-image img{width:100%;max-width:500px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.15))}.hero-text h2{margin:0 0 20px;line-height:1.2;white-space:nowrap;font-size:clamp(24px,4vw,54px)!important}.service-col figure{height:60px;margin-bottom:20px;display:flex}.service-col figure img{height:100%;width:auto;object-fit:contain}.feature-col img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:12px;margin-bottom:20px}.kz-section-about{padding:80px 0}.kz-about-wrapper{display:flex;flex-direction:row;align-items:center;text-align:center;gap:40px}.kz-about-image{width:100%;max-width:500px;margin-bottom:40px}.kz-about-image img{border-radius:20px;box-shadow:0 15px 35px #0000001a}.contact-area{margin-top:30px;display:flex;flex-direction:column;align-items:center}.contact-area .qr-code{margin:20px auto 0;width:141px;height:auto;image-rendering:pixelated;border:5px solid white;border-radius:10px;box-shadow:0 4px 10px #0000001a}.course-list{margin:15px 0;padding:0;list-style:none}.course-list li{position:relative;padding:4px 0 4px 30px;color:var(--kz-text-main);font-size:1rem;line-height:1.4;transition:all .2s ease;border-bottom:1px solid rgba(0,0,0,.03)}.course-list li:before{content:"＋";position:absolute;left:0;top:50%;transform:translateY(-50%);color:var(--kz-blue-link);font-weight:700;font-size:14px;background-color:var(--kz-bg-purple-light);width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:6px;box-shadow:0 2px 4px #0000000d}.course-list li:last-child{border-bottom:none}.course-list li:hover{padding-left:35px;color:var(--kz-blue-dark)}.course-list li:hover:before{background:var(--kz-gradient-hero);color:#fff;transform:translateY(-50%) rotate(90deg)}.courses-hero{background-color:#b5d5da;padding:60px 0;text-align:center;color:#333}.courses-hero h1{font-size:2.5rem;font-weight:700;margin-bottom:20px}.hero-description{max-width:900px;margin:0 auto 30px;font-size:1.1rem;line-height:1.6}.btn-scroll-down{background-color:#32373c;color:#fff;padding:10px 25px;border-radius:8px;border:none;cursor:pointer;font-weight:700}.section-course-grid{padding:50px 0}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.course-card{background:#fff;border:2px solid #eee;border-radius:15px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 6px #0000000d;transition:all .3s cubic-bezier(.25,.8,.25,1);cursor:pointer}.card-header{background:#f5f5f5;padding:15px;text-align:center;border-bottom:1px solid #ddd}.card-header h3{margin:0;font-weight:700;font-size:1.25rem}.card-image img{width:100%;height:200px;object-fit:cover}.card-info{padding:15px;text-align:center;background:#fff}.price-text{font-weight:700;margin-bottom:10px}.btn-select{background-color:#166da6;color:#fff;width:100px;padding:8px;border:none;border-radius:4px;cursor:pointer}.card-footer{padding:20px;background:#fff;flex-grow:1;border-top:5px solid #6cbb6c}.sub-topic-list{list-style:none;padding:0;margin:0;font-size:.95rem;color:#444}.sub-topic-list li{margin-bottom:5px}.course-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001f;border-color:var(--kz-blue-link)}.card-image{overflow:hidden}.card-image img{transition:transform .5s ease}.course-card:hover .card-image img{transform:scale(1.1)}.course-card:hover .btn-select{background-color:var(--kz-blue-dark);box-shadow:0 4px 8px #0003;transform:scale(1.05)}.btn-select{transition:all .2s ease}.btn-select:disabled,.btn-updating{background-color:#ccc!important;color:#666!important;cursor:not-allowed;transform:none!important;box-shadow:none!important}.course-card:hover .card-footer{border-top-color:#4caf50;background-color:#fafafa}#idmainfooter{background-color:var(--kz-blue-dark);color:#fff;padding:30px 0;margin-top:auto;border-top:1px solid rgba(255,255,255,.1)}.footer-content{display:flex;justify-content:center;align-items:center;text-align:center}.copyright p{margin:0;font-size:.95rem;opacity:.8;letter-spacing:.5px}@media(max-width:768px){.hd-container{flex-direction:column;gap:15px}.main-navigation ul{gap:15px;flex-wrap:wrap;justify-content:center}.hero-grid{display:flex;flex-direction:column-reverse;text-align:center}.hero-image img{max-width:80%;margin-bottom:30px}.hero-text h2{white-space:normal;font-size:2rem!important}.kz-buttons-wrapper{justify-content:center!important}.kz-about-wrapper{flex-direction:column}.kz-section-cover,.kz-section-about{padding:50px 0}.kz-grid-2-bias{grid-template-columns:1fr}.service-col figure{justify-content:center}#idmainfooter{padding:20px 0}}