.status-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;display:grid;place-items:center;padding:28px;background:radial-gradient(760px 360px at 50% 18%,rgba(255,255,255,.18),transparent 60%),#1211109e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-lightbox-card{position:relative;width:min(760px,100%);overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:32px;background:#f7f6f1;color:#171716;box-shadow:0 40px 120px -48px #000000b3}.status-lightbox[data-status-mode=campaign] .status-lightbox-card{border-color:#e1d5edeb;background:#f7f3ff}.status-lightbox[data-status-mode=emergency] .status-lightbox-card{border-color:#ffd0b5f2;background:#fff7f1}.status-lightbox[data-status-mode=mourning] .status-lightbox-card{border-color:#d9d6cc;background:#f7f6f1}.status-lightbox-card.is-image-creative{width:min(620px,100%);border-color:#ffffffd1;background:#fff}.status-lightbox[data-status-mode=emergency] .status-ad-creative{background:radial-gradient(circle at 78% 18%,rgba(255,255,255,.28),transparent 24%),linear-gradient(145deg,#8a3a15,#d35400 52%,#e55c00)}.status-lightbox[data-status-mode=mourning] .status-ad-creative{background:radial-gradient(circle at 78% 18%,rgba(255,255,255,.16),transparent 24%),linear-gradient(145deg,#191918,#3a3936 60%,#595854)}.status-ad-creative{min-height:min(72vh,720px);aspect-ratio:4 / 5;padding:clamp(24px,4vw,42px);display:grid;align-content:end;gap:12px;color:#fff;text-decoration:none;background:radial-gradient(circle at 78% 18%,rgba(255,255,255,.32),transparent 22%),radial-gradient(circle at 18% 24%,rgba(255,122,26,.85),transparent 28%),linear-gradient(145deg,#5f3795,#7a4bb2 44%,#f60)}.status-ad-creative .ad-tag{width:max-content;padding:7px 11px;border-radius:999px;background:#ffffff2e;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.status-ad-creative strong{max-width:16ch;font-family:Kanit,sans-serif;font-size:clamp(32px,6vw,54px);font-weight:600;line-height:1.05}.status-ad-creative small{max-width:34ch;color:#ffffffe0;font-family:Kanit,sans-serif;font-size:clamp(14px,2vw,17px);font-weight:300;line-height:1.5}.status-lightbox-actions{padding-top:4px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.status-ad-actions{padding:14px 16px 16px;justify-content:space-between;background:#fff}.status-ad-actions .ghost{flex:1 1 auto}.status-lightbox-actions .ghost,.status-lightbox-actions .primary{min-height:42px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-family:Kanit,sans-serif;font-size:14px;font-weight:600;text-align:center;text-decoration:none;cursor:pointer}.status-lightbox-actions .ghost{border:1px solid #d9d6cc;background:transparent;color:#3d3d3a}.status-lightbox-actions .primary{border:0;background:#141413;color:#faf9f5}.status-lightbox[data-status-mode=campaign] .status-lightbox-actions .ghost{border:1px solid #d9c9eb;background:transparent;color:#4e2379}.status-lightbox[data-status-mode=campaign] .status-lightbox-actions .primary{border:0;background:#5f3795;color:#faf9f5}.status-lightbox[data-status-mode=emergency] .status-lightbox-actions .primary{background:#e55c00}.status-lightbox-close{position:absolute;top:18px;right:18px;z-index:2;width:38px;height:38px;border:1px solid rgba(255,255,255,.52);border-radius:999px;background:#ffffff2e;color:#fff;font-size:18px;cursor:pointer}@media(max-width:760px){.status-lightbox{padding:16px}.status-lightbox-card{border-radius:24px}.status-ad-creative{min-height:min(68vh,560px);aspect-ratio:4 / 5}.status-lightbox-actions{justify-content:stretch}.status-lightbox-actions .ghost,.status-lightbox-actions .primary{flex:1}}:root{--home-bg: #fffaf6;--home-bg-2: #fbf8ff;--home-orange: #f05a26;--home-orange-2: #ff6600;--home-pink: #ee3468;--home-white: #ffffff;--home-hero-wash: #fff8f1;--home-muted: #776b82;--home-tab-muted: #6f627b;--home-cover-dark: #2f134f;--home-title-deep: #321058;--home-footer: #150326;--home-nav-gray: #efefef;--home-shadow: 0 28px 70px -42px rgba(36, 8, 63, .45);--hero-search-overlap: 76px}.home-shell *{box-sizing:border-box}.home-shell{margin:0;font-family:var(--font-body);color:var(--kllc-ink);background:var(--home-bg);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}.home-shell a{color:inherit;text-decoration:none}.home-shell button,.home-shell input{font:inherit}.home-shell img{display:block;max-width:100%}.home-shell h1,.home-shell h2,.home-shell h3,.home-shell p{margin-top:0}.home-shell h1,.home-shell h2,.home-shell h3{font-family:var(--font-display)}.home-shell .thai{font-family:var(--font-thai)}.home-shell .wrap{width:min(1168px,calc(100% - 56px));margin:0 auto}.home-shell .skip-link{position:absolute;left:12px;top:-64px;z-index:120;padding:10px 18px;border-radius:999px;background:var(--kllc-purple);color:#fff;font-family:var(--font-thai);font-weight:600;transition:top .18s ease}.home-shell .skip-link:focus-visible{top:12px}.home-shell .page{position:relative;overflow:hidden;background:radial-gradient(520px 300px at 88% 8%,rgba(255,102,0,.1),transparent 70%),radial-gradient(620px 360px at 12% 18%,rgba(95,55,149,.1),transparent 68%),linear-gradient(180deg,var(--home-white) 0%,var(--home-hero-wash) 19%,var(--home-white) 44%,var(--home-bg-2) 74%,var(--home-white) 100%)}.home-shell .site-header{position:absolute;top:0;left:0;right:0;z-index:50;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}.home-shell .site-header.is-sticky{position:fixed;background:#ffffffdb;border-bottom:1px solid rgba(95,55,149,.12);box-shadow:0 20px 60px -42px #24083f73;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.home-shell .topnav{min-height:84px;display:grid;grid-template-columns:148px minmax(470px,1fr) auto;align-items:center;gap:18px;transition:min-height .22s ease}.home-shell .site-header.is-sticky .topnav{min-height:68px}.home-shell .brand img{width:142px;height:auto}.home-shell .site-header.is-sticky .brand img{width:124px}.home-shell .brand .logo-light,.home-shell .site-header.logo-on-dark .brand .logo-color{display:none}.home-shell .site-header.logo-on-dark .brand .logo-light,.home-shell .site-header.is-sticky .brand .logo-color{display:block}.home-shell .site-header.is-sticky .brand .logo-light{display:none}.home-shell .nav-links{display:flex;justify-content:center;align-items:center;gap:8px;justify-self:center;padding:5px;border-radius:999px;font-family:var(--font-thai);color:var(--kllc-ink);font-size:clamp(14px,.9vw,15.5px);font-weight:700}.home-shell .nav-links a{min-width:92px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:999px;background:#ffffffdb;border:1px solid rgba(36,8,63,.08);box-shadow:0 10px 22px -18px #24083f6b;white-space:nowrap;transition:background .18s,color .18s}.home-shell .nav-links a.active{color:var(--home-white);background:var(--home-orange-2);border-color:var(--home-orange-2);box-shadow:0 18px 28px -20px #ff6600e6}.home-shell .nav-actions{display:flex;align-items:center;gap:10px;font-family:var(--font-thai);font-size:clamp(14px,.9vw,15.5px);white-space:nowrap}.home-shell .login{color:var(--kllc-ink);font-weight:700;margin-right:2px}.home-shell .site-header.logo-on-dark:not(.is-sticky) .login{color:#ffffffe6}.home-shell .signup{border:0;border-radius:999px;background:var(--kllc-purple);color:var(--home-white);min-height:40px;display:inline-flex;align-items:center;padding:0 20px;box-shadow:0 18px 34px -24px #5f3795e6;font-weight:700}.home-shell .lang,.home-shell .search-round{border:0;background:var(--home-white);color:var(--kllc-purple-deep)}.home-shell .lang{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:var(--home-orange-2);padding:0;overflow:hidden}.home-shell .lang-globe{width:32px;height:32px;display:block}.home-shell .lang-globe.kllc-sprite{--sprite-x: -218px;--sprite-y: -2px;background-size:486px 273px}.home-shell .search-round{min-width:126px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:0 15px;color:var(--kllc-purple);font-size:clamp(14px,.9vw,15.5px);font-weight:800}.home-shell .search-icon{width:18px;height:18px;border:3px solid var(--home-orange-2);border-radius:50%;position:relative;flex:0 0 auto}.home-shell .search-icon:after{content:"";position:absolute;right:-7px;bottom:-5px;width:9px;height:3px;border-radius:999px;background:var(--home-orange-2);transform:rotate(45deg);transform-origin:left center}.home-shell .mobile-menu{display:none}.home-shell .hero{position:relative;min-height:clamp(740px,56vw,860px);padding:84px 0 calc(var(--hero-search-overlap) + 32px);overflow:hidden}.home-shell .hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(180deg,rgba(255,250,246,0) 0%,var(--home-bg) 85%);pointer-events:none;z-index:4}.home-shell .hero-slider{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.home-shell .hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(1.018);filter:blur(3px);transition:opacity 1.15s cubic-bezier(.22,.61,.36,1),transform 1.35s cubic-bezier(.22,.61,.36,1),filter 1.15s cubic-bezier(.22,.61,.36,1);background-size:cover;background-position:center top;background-repeat:no-repeat;will-change:opacity,transform,filter}.home-shell .hero-slide.active{opacity:1;transform:scale(1);filter:blur(0)}.home-shell .hero-slide--photo{background-image:url(/v2/assets/home-update/hero-background.png);background-color:var(--home-nav-gray)}.home-shell .hero-slide--navy{background:radial-gradient(ellipse 70% 80% at 70% 40%,rgba(6,100,160,.55) 0%,transparent 65%),radial-gradient(ellipse 50% 60% at 25% 60%,rgba(95,55,149,.45) 0%,transparent 55%),linear-gradient(160deg,#0a1628,#0f2244 40%,#091832)}.home-shell .hero-slide--purple{background:radial-gradient(ellipse 65% 75% at 68% 38%,rgba(124,58,237,.5) 0%,transparent 60%),radial-gradient(ellipse 50% 55% at 22% 65%,rgba(255,102,0,.22) 0%,transparent 55%),linear-gradient(155deg,#160828,#2a0f4a 42%,#1c0636)}.home-shell .hero-slide--image{background-color:var(--home-cover-dark)}.home-shell .hero-slide--image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0a06148c,#0a061440 55%,#0a06141a)}.home-shell .hero-copy{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,620px) 1fr;align-items:center;gap:36px;min-height:clamp(580px,42vw,680px);padding-top:clamp(24px,3.4vw,56px);box-sizing:border-box;pointer-events:none}.home-shell .hero-left{position:relative;display:flex;flex-direction:column;gap:0;pointer-events:none}.home-shell .hero-left:before{content:"";display:none}.home-shell .hero-right{position:relative;display:flex;align-items:center;justify-content:flex-start;min-height:480px;pointer-events:none}.home-shell .hero-content{display:none}.home-shell .hero-content.active{display:block;animation:heroIn .55s ease forwards}@keyframes heroIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.home-shell .hero-kicker{margin:0 0 14px;color:var(--kllc-ink);font-family:var(--font-display);font-size:clamp(16px,1.6vw,24px);font-weight:650;line-height:1.1;letter-spacing:.01em}.home-shell .hero-kicker.is-title-integrated{display:none}.home-shell .hero-title{max-width:760px;margin:0;color:var(--kllc-ink);font-family:var(--font-thai);font-size:clamp(40px,4.35vw,76px);font-weight:800;line-height:1.14;letter-spacing:0}.home-shell .hero-title .brand-line{display:block;color:var(--home-orange-2);font-family:var(--font-display);font-size:.9em;font-weight:800;line-height:1.05;margin-bottom:.16em}.home-shell .hero-title .en{display:block;font-family:var(--font-display);font-size:.9em;font-weight:800;line-height:1.05;margin-bottom:.2em}.home-shell .hero-title .thai-line{display:block;white-space:nowrap;font-size:.7em}.home-shell .hero-title .accent{color:var(--home-orange);font-weight:800}.home-shell .hero-content>p{max-width:420px;margin:22px 0 24px;color:var(--kllc-ink);font-family:var(--font-thai);font-size:clamp(15px,1.25vw,20px);font-weight:600;line-height:1.72}.home-shell .hero-learn{display:inline-flex;align-items:center;justify-content:center;min-width:180px;min-height:50px;border:1.5px solid var(--kllc-purple);border-radius:999px;color:var(--kllc-purple);background:#ffffff2e;font-family:var(--font-display);font-size:19px;font-weight:500;pointer-events:auto;transition:background .22s,border-color .3s,color .3s,box-shadow .22s}.home-shell .hero-learn:hover{background:var(--kllc-purple);color:#fff;box-shadow:0 18px 36px -18px #5f3795b3}.home-shell .hero--dark .hero-kicker{color:#ffffffb8}.home-shell .hero--dark .hero-title{color:#fff}.home-shell .hero--dark .hero-title .accent{color:#ffb566}.home-shell .hero--dark .hero-content>p{color:#ffffffd1}.home-shell .hero--dark .hero-learn{border-color:#ffffff73;color:#fff;background:#ffffff17;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.home-shell .hero--dark .hero-learn:hover{background:#ffffff38}.home-shell .hero-ctrl{display:flex;align-items:center;gap:14px;margin-top:26px;pointer-events:auto}.home-shell .s-dot{width:7px;height:7px;border-radius:99px;border:0;padding:0;background:#24083f38;cursor:pointer;transition:width .3s,background .3s}.home-shell .s-dot.active{width:22px;background:var(--kllc-purple)}.home-shell .hero--dark .s-dot{background:#ffffff59}.home-shell .hero--dark .s-dot.active{background:#fff;width:22px}.home-shell .s-arrow{width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(36,8,63,.22);background:#ffffff8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--kllc-purple);font-size:18px;cursor:pointer;display:grid;place-items:center;transition:background .2s}.home-shell .s-arrow:hover{background:#ffffffe0}.home-shell .hero--dark .s-arrow{border-color:#ffffff4d;background:#ffffff1a;color:#fff}.home-shell .hero--dark .s-arrow:hover{background:#ffffff38}.home-shell .hero-box{width:min(760px,calc(100vw - 56px));margin-top:28px;padding:16px 20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid rgba(204,204,204,.92);border-radius:22px;background:#fffffffa;box-shadow:0 20px 34px -30px #24083f42;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;transition:background .5s,border-color .5s}.home-shell .hero-box-item{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:0 14px;border-right:1px solid rgba(204,204,204,.92);transition:border-color .5s}.home-shell .hero-box-item:last-child{border-right:0}.home-shell .hero-box-icon{width:50px;height:50px;display:grid;place-items:center;position:relative;color:var(--kllc-purple);overflow:hidden}.home-shell .hero-box-icon .kllc-sprite{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.44);transform-origin:center;width:90px;height:90px}.home-shell .stat-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.home-shell .hero-box-value{color:var(--home-orange-2);font-family:var(--font-thai);font-size:clamp(23px,1.8vw,28px);font-weight:700;line-height:1;transition:color .4s}.home-shell .hero-box-label{color:var(--kllc-ink);font-family:var(--font-thai);font-size:clamp(12.5px,.9vw,14.5px);line-height:1.24;font-weight:600;transition:color .4s}.home-shell .kllc-sprite{--sprite-x: -29px;--sprite-y: -235px;width:90px;height:90px;display:block;background-image:url(/v2/assets/kllc-icon-sprite.svg);background-repeat:no-repeat;background-size:1366px 768px;background-position:var(--sprite-x) var(--sprite-y)}.home-shell .kllc-icon-certificate{--sprite-x: -29px;--sprite-y: -10px}.home-shell .kllc-icon-course{--sprite-x: -263px;--sprite-y: -455px}.home-shell .kllc-icon-location{--sprite-x: -381px;--sprite-y: -338px}.home-shell .kllc-icon-expert{--sprite-x: -616px;--sprite-y: -235px}.home-shell .kllc-icon-globe{--sprite-x: -616px;--sprite-y: -10px}.home-shell .kllc-icon-calendar{--sprite-x: -500px;--sprite-y: -567px}.home-shell .kllc-icon-overview-doc{--sprite-x: -29px;--sprite-y: -10px}.home-shell .kllc-icon-overview-search{--sprite-x: -147px;--sprite-y: -338px}.home-shell .kllc-icon-skill-transcript{--sprite-x: -147px;--sprite-y: -10px}.home-shell .kllc-icon-verifiable{--sprite-x: -147px;--sprite-y: -235px}.home-shell .kllc-icon-career-path{--sprite-x: -500px;--sprite-y: -235px}.home-shell .slide-visual{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:flex-start;opacity:0;pointer-events:none;transform:translate(18px) scale(.985);filter:blur(10px);transition:opacity .85s cubic-bezier(.22,.61,.36,1),transform .95s cubic-bezier(.22,.61,.36,1),filter .85s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform,filter}.home-shell .slide-visual.active{opacity:1;transform:translate(0) scale(1);filter:blur(0)}.home-shell .vis-glass{background:#ffffff14;backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4);border:1px solid rgba(255,255,255,.15);border-radius:28px;box-shadow:0 48px 80px -24px #0000008c,inset 0 1px #ffffff24;position:relative;overflow:hidden}.home-shell .vis-glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff0f,#fff0 60%);pointer-events:none}.home-shell .vis-ai-wrap{position:relative;width:100%;max-width:400px}.home-shell .vis-ai-card{padding:28px 26px 24px;animation:visFloat 5s ease-in-out infinite}@keyframes visFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.home-shell .vis-ai-glow-1{position:absolute;width:240px;height:240px;border-radius:50%;background:#ff660047;filter:blur(70px);top:-60px;right:-60px;pointer-events:none}.home-shell .vis-ai-glow-2{position:absolute;width:180px;height:180px;border-radius:50%;background:#5f379561;filter:blur(60px);bottom:-30px;left:-40px;pointer-events:none}.home-shell .vis-new-badge{display:inline-flex;align-items:center;gap:6px;background:#f603;border:1px solid rgba(255,102,0,.4);border-radius:999px;padding:5px 14px;color:#ffb27a;font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.06em;margin-bottom:18px}.home-shell .vis-new-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#f60;display:block;flex-shrink:0}.home-shell .vis-card-title{color:#fff;font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1.2;margin:0 0 4px}.home-shell .vis-card-sub{color:#fff9;font-family:var(--font-display);font-size:13px;margin:0 0 18px}.home-shell .vis-progress-label{display:flex;justify-content:space-between;color:#ffffff8c;font-family:var(--font-display);font-size:12px;margin-bottom:6px}.home-shell .vis-progress-track{height:6px;border-radius:99px;background:#ffffff1f;overflow:hidden;margin-bottom:20px}.home-shell .vis-progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#f60,#ff9147)}.home-shell .vis-tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.home-shell .vis-tag{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:4px 13px;color:#fffc;font-family:var(--font-display);font-size:12px}.home-shell .vis-card-foot{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);color:#ffffffa6;font-family:var(--font-display);font-size:12.5px}.home-shell .vis-card-foot strong{color:#ffffffe6}.home-shell .vis-chip{position:absolute;display:flex;align-items:center;gap:8px;background:#ffffff1f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:9px 14px;font-family:var(--font-display);font-size:12px;font-weight:600;color:#fff;box-shadow:0 16px 32px -8px #0006;white-space:nowrap}.home-shell .vis-chip-dot{width:8px;height:8px;border-radius:50%;background:#33d17a;flex-shrink:0;box-shadow:0 0 8px #33d17a99}.home-shell .vis-chip--1{top:-14px;right:24px;animation:chipFloat1 4.5s .8s ease-in-out infinite}.home-shell .vis-chip--2{bottom:-14px;left:28px;animation:chipFloat2 5s 1.2s ease-in-out infinite}@keyframes chipFloat1{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(-1deg)}}@keyframes chipFloat2{0%,to{transform:translateY(0) rotate(1.5deg)}50%{transform:translateY(-6px) rotate(1.5deg)}}.home-shell .vis-tr-wrap{position:relative;width:100%;max-width:400px}.home-shell .vis-tr-card{padding:0;animation:visFloat 5.5s .3s ease-in-out infinite}.home-shell .vis-tr-glow-1{position:absolute;width:200px;height:200px;border-radius:50%;background:#7c3aed73;filter:blur(65px);top:-50px;right:-30px;pointer-events:none}.home-shell .vis-tr-glow-2{position:absolute;width:160px;height:160px;border-radius:50%;background:#ff660047;filter:blur(60px);bottom:-20px;left:-20px;pointer-events:none}.home-shell .vis-tr-header{display:flex;align-items:center;gap:12px;padding:22px 24px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.home-shell .vis-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#f60);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:15px;font-weight:700;color:#fff;flex-shrink:0}.home-shell .vis-tr-name{color:#fff;font-family:var(--font-display);font-size:15px;font-weight:700;margin:0 0 2px}.home-shell .vis-tr-org{color:#ffffff8c;font-family:var(--font-display);font-size:11px;margin:0}.home-shell .vis-verified{margin-left:auto;display:inline-flex;align-items:center;gap:5px;background:#33d17a26;border:1px solid rgba(51,209,122,.3);border-radius:999px;padding:4px 11px;color:#7debb4;font-family:var(--font-display);font-size:11px;font-weight:600}.home-shell .vis-skills{padding:18px 24px 14px;display:grid;gap:12px}.home-shell .vis-skill-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.home-shell .vis-skill-name{color:#ffffffbf;font-family:var(--font-display);font-size:12.5px;margin-bottom:5px}.home-shell .vis-skill-bar{height:5px;border-radius:99px;background:#ffffff1a;overflow:hidden}.home-shell .vis-skill-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#7c3aed,#a78bfa)}.home-shell .vis-skill-pct{color:#ffffff80;font-family:var(--font-display);font-size:11px;white-space:nowrap}.home-shell .vis-tr-badges{display:flex;gap:8px;padding:0 24px 20px;flex-wrap:wrap}.home-shell .vis-badge{display:inline-flex;align-items:center;gap:5px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:6px 12px;color:#ffffffc7;font-family:var(--font-display);font-size:11.5px;font-weight:500}.home-shell .vis-tr-qr{display:flex;align-items:center;gap:10px;padding:14px 24px;border-top:1px solid rgba(255,255,255,.1);color:#ffffff8c;font-family:var(--font-display);font-size:11.5px}.home-shell .vis-qr-icon{width:34px;height:34px;border-radius:8px;border:1.5px solid rgba(255,255,255,.25);display:grid;place-items:center;flex-shrink:0;font-family:var(--font-display);font-size:9px;font-weight:700;color:#fff9;letter-spacing:.05em}.home-shell .vis-image-wrap{position:relative;width:100%;max-width:440px}.home-shell .vis-image-card{padding:10px;animation:visFloat 5s ease-in-out infinite}.home-shell .vis-image-card img{width:100%;height:auto;display:block;border-radius:20px}.home-shell .hero-search-wrap{position:relative;z-index:20;margin:calc(var(--hero-search-overlap) * -1) auto calc(var(--hero-search-overlap) * -1);isolation:isolate}.home-shell .home-search-form{position:relative;z-index:8;width:min(100%,1744px);min-height:148px;margin:0 auto;padding:20px 26px;display:grid;grid-template-columns:minmax(238px,1fr) minmax(248px,1fr) minmax(224px,.92fr) minmax(252px,.92fr);align-items:center;gap:0;border:1px solid rgba(36,8,63,.12);border-radius:32px;background:#fffffff5;box-shadow:0 34px 42px #24083f24;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.home-shell .search-control{position:relative;min-width:0;min-height:108px;display:grid;grid-template-columns:54px minmax(0,1fr) 18px;align-items:center;gap:14px;padding:0 22px;border-right:1px solid rgba(36,8,63,.12);color:var(--kllc-ink);cursor:pointer}.home-shell .search-control-icon{width:50px;height:50px;display:grid;place-items:center;color:var(--home-orange-2)}.home-shell .search-control-icon svg{width:100%;height:100%}.home-shell .search-copy{min-width:0;display:grid;gap:5px}.home-shell .search-label{color:var(--home-orange-2);font-family:var(--font-thai);font-size:clamp(18px,1.6vw,30px);font-weight:800;line-height:1.1}.home-shell .search-value{display:block;width:100%;min-width:0;border:0;outline:0;padding:0;text-align:left;color:#1f1d21;background:transparent;font-family:var(--font-thai);font-size:clamp(16px,1.12vw,22px);font-weight:700;line-height:1.25;cursor:pointer}.home-shell .search-value:focus-visible{border-radius:8px;box-shadow:0 0 0 3px #ff66002e}.home-shell .search-control:focus-within{background:#ff660009;border-radius:22px;box-shadow:inset 0 0 0 2px #ff660029}.home-shell .search-chevron{width:16px;height:16px;border-right:4px solid var(--home-orange-2);border-bottom:4px solid var(--home-orange-2);transform:rotate(45deg) translateY(-4px);pointer-events:none}.home-shell .search-menu{position:absolute;left:90px;right:18px;top:calc(100% - 8px);z-index:80;display:none;padding:8px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:#2a262ce0;box-shadow:0 24px 42px -24px #24083f9e,inset 0 1px #ffffff1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.home-shell .search-control.is-open .search-menu{display:grid}.home-shell .search-option{min-height:42px;border:0;border-radius:10px;padding:0 14px 1px 38px;color:#ffffffe0;background:transparent;font-family:var(--font-thai);font-size:clamp(15px,1.1vw,20px);font-weight:700;line-height:1.2;text-align:left;cursor:pointer;position:relative}.home-shell .search-option:before{content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#fff;font-size:18px;line-height:1}.home-shell .search-option:hover,.home-shell .search-option:focus-visible{background:#ffffff1f;outline:0}.home-shell .search-option.is-selected{color:#fff;background:color-mix(in srgb,var(--home-orange-2) 76%,#fff 12%)}.home-shell .search-option.is-selected:before{content:"✓"}.home-shell .search-query-control{min-height:88px;margin-left:18px;border:0;border-radius:999px;padding:0 34px;display:inline-flex;align-items:center;justify-content:center;gap:22px;color:#fff;background:var(--home-orange-2);font-family:var(--font-thai);font-size:clamp(22px,1.8vw,34px);font-weight:800;cursor:pointer;box-shadow:0 26px 42px -28px #ff6600e6;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.home-shell .search-query-control:hover,.home-shell .search-query-control:focus-within{background:#f05a26;transform:translateY(-2px);box-shadow:0 32px 52px -30px #ff6600f2}.home-shell .search-query-control svg{width:clamp(38px,3.3vw,62px);height:clamp(38px,3.3vw,62px);flex:0 0 auto}.home-shell .btn{min-height:50px;border:0;border-radius:999px;padding:0 28px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-display);font-weight:500;cursor:pointer;transition:transform .22s,box-shadow .22s}.home-shell .btn:hover{transform:translateY(-2px)}.home-shell .btn-orange{color:var(--home-white);background:linear-gradient(135deg,var(--home-orange-2),var(--home-pink));box-shadow:0 22px 38px -22px #ff6600db}.home-shell .section{padding:88px 0;position:relative}.home-shell #courses{background:#fff}.home-shell #courses .wrap{width:min(1240px,calc(100% - 84px))}.home-shell .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:44px}.home-shell .section-title{color:#272428;font-size:clamp(38px,4vw,56px);line-height:1.08;font-weight:700;margin-bottom:12px}.home-shell .section-title .orange{color:var(--home-orange-2)}.home-shell .section-sub{max-width:720px;color:var(--home-muted);font-family:var(--font-display);font-size:18px;line-height:1.7;font-weight:300;margin:0}.home-shell .view-all{flex:0 0 auto;min-height:38px;border-radius:999px;display:inline-flex;align-items:center;gap:10px;padding:0 22px;background:var(--home-orange-2);color:var(--home-white);font-family:var(--font-thai);font-weight:600;font-size:17px;box-shadow:0 18px 32px -22px #ff6600eb}.home-shell .tabs{display:flex;gap:18px;overflow-x:auto;padding-bottom:40px;scrollbar-width:none}.home-shell .tabs::-webkit-scrollbar{display:none}.home-shell .tab{border:1px solid var(--kllc-border);background:#fff;color:var(--home-tab-muted);border-radius:999px;min-height:40px;padding:0 24px;font-weight:600;font-size:17px;white-space:nowrap}.home-shell .tab.active{background:var(--home-orange-2);color:#fff;border-color:var(--home-orange-2)}.home-shell .course-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px;align-items:start}.home-shell .course-card{position:relative;min-width:0;background:#fff;border:0;border-radius:16px;box-shadow:0 24px 46px -30px #25104675,0 12px 24px -22px #25104661,0 2px 8px #25104614;overflow:hidden;transition:transform .22s}.home-shell .course-card:hover{transform:translateY(-4px)}.home-shell .course-card .card-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:16px}.home-shell .course-card .card-link:focus-visible{outline:3px solid var(--home-orange-2);outline-offset:2px}.home-shell .course-card .register{position:relative;z-index:2}.home-shell .detail-arrow{position:absolute;right:12px;bottom:12px;z-index:2;pointer-events:none;display:inline-flex;align-items:center;gap:8px}.home-shell .detail-arrow-label{background:#1f1d21e0;color:#fff;border-radius:999px;padding:6px 14px 8px;font-family:var(--font-thai);font-size:14px;font-weight:600;line-height:1;white-space:nowrap;opacity:0;transform:translate(6px);transition:opacity .18s ease,transform .18s ease}.home-shell .detail-arrow-icon{box-sizing:border-box;width:38px;height:38px;padding:9px;border-radius:50%;background:var(--kllc-purple);color:#fff;border:2px solid rgba(255,255,255,.85);box-shadow:0 4px 12px #25104659;transition:transform .18s ease}.home-shell .course-card:hover .detail-arrow-label,.home-shell .course-card:focus-within .detail-arrow-label{opacity:1;transform:translate(0)}.home-shell .course-card:hover .detail-arrow-icon,.home-shell .course-card:focus-within .detail-arrow-icon{transform:scale(1.08)}@media(prefers-reduced-motion:reduce){.home-shell .detail-arrow-label,.home-shell .detail-arrow-icon{transition:none;transform:none}}.home-shell .cover{position:relative;aspect-ratio:1544 / 1123;overflow:hidden;border-radius:16px 16px 0 0;background:var(--home-cover-dark)}.home-shell .cover img{width:100%;height:100%;object-fit:cover}.home-shell .new-badge{position:absolute;top:20px;left:14px;z-index:3;background:var(--home-orange-2);color:#fff;border-radius:999px;padding:5px 17px 7px;font-family:var(--font-display);font-size:19px;line-height:1;font-weight:500}.home-shell .course-body{padding:12px 10px}.home-shell .level{display:inline-flex;align-items:center;justify-content:center;min-height:26px;border-radius:999px;min-width:102px;padding:0 18px 1px;background:#fff;border:1.5px solid #26b245;color:#26b245;font-family:var(--font-display);font-size:12px;line-height:1}.home-shell .level-advanced{border-color:var(--kllc-purple);color:var(--kllc-purple)}.home-shell .course-name{min-height:46px;margin:0 0 8px;font-family:var(--font-display);color:#1f1d21;font-size:clamp(18px,1.45vw,21px);line-height:1.18;font-weight:700}.home-shell .course-meta{display:grid;gap:10px;margin-top:16px;color:#1f1d21;font-family:var(--font-display);font-size:clamp(15px,1.12vw,17px);line-height:1.36;font-weight:500}.home-shell .course-meta-row{display:grid;grid-template-columns:20px minmax(0,1fr);gap:7px;align-items:start}.home-shell .course-meta-icon{width:20px;height:20px;margin-top:1px;color:var(--home-orange);flex:0 0 auto;display:block;position:relative;overflow:hidden}.home-shell .course-meta-icon .kllc-sprite{position:absolute;left:50%;top:50%;width:72px;height:72px;transform:translate(-50%,-50%) scale(.28)}.home-shell .course-meta-copy span{display:block}.home-shell .course-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:14px}.home-shell .price{color:var(--kllc-purple);font-family:var(--font-display);font-size:clamp(17px,1.15vw,19px);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-shell .register{border:0;border-radius:999px;background:var(--kllc-purple);color:#fff;min-width:102px;min-height:30px;padding:5px 16px 7px;font-size:13px;font-weight:500}.home-shell .rail-nav{display:flex;justify-content:space-between;position:absolute;left:32px;right:32px;top:59%;pointer-events:none}.home-shell .arrow{width:40px;height:40px;border-radius:50%;border:1px solid var(--kllc-border);background:#fff;color:var(--home-orange);font-size:21px;box-shadow:var(--home-shadow);pointer-events:auto}.home-shell .transcript{padding:44px 0 58px;background:#f2f2f2}.home-shell .transcript .wrap{width:min(1340px,calc(100% - 112px))}.home-shell .transcript .section-head{display:block;max-width:none;margin:0 auto}.home-shell .transcript .section-title{color:var(--home-orange-2);font-family:var(--font-display);font-size:clamp(28px,2.5vw,36px);line-height:1.08;font-weight:800;margin-bottom:14px}.home-shell .transcript .section-sub{max-width:1030px;color:#353539;font-family:var(--font-thai);font-size:clamp(18px,1.55vw,24px);line-height:1.62;font-weight:600;margin:0}.home-shell .transcript-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px;max-width:1168px;margin:24px auto 0}.home-shell .transcript-card{display:grid;gap:18px;justify-items:center;text-align:center;color:inherit;text-decoration:none;border-radius:24px;transition:transform .2s ease}.home-shell a.transcript-card:hover{transform:translateY(-4px)}.home-shell a.transcript-card:focus-visible{outline:2px solid var(--kllc-purple, #5f3795);outline-offset:4px}.home-shell .transcript-icon-box{width:100%;aspect-ratio:1.08 / 1;min-height:214px;display:grid;place-items:center;border-radius:18px;border:1px solid rgba(216,216,216,.96);background:#fff;box-shadow:0 1px #ffffffe6 inset}.home-shell .transcript-icon-box .kllc-sprite{width:96px;height:96px;transform:scale(1.14)}.home-shell .transcript-overview-icon{position:relative;width:142px;height:116px}.home-shell .transcript-overview-icon .kllc-sprite{position:absolute;transform-origin:center}.home-shell .transcript-overview-icon .kllc-icon-overview-doc{left:2px;top:8px;width:96px;height:96px;transform:scale(1.08)}.home-shell .transcript-overview-icon .kllc-icon-overview-search{right:0;bottom:1px;width:88px;height:88px;transform:scale(.82)}.home-shell .transcript-card-title{color:#050505;font-family:var(--font-display);font-size:clamp(22px,1.8vw,29px);line-height:1.12;font-weight:800;letter-spacing:-.01em}.home-shell .workshop{padding:56px 0 72px;background:#f3f3f3}.home-shell .workshop .wrap{width:min(1348px,calc(100% - 84px))}.home-shell .workshop .section-head{margin-bottom:36px;align-items:start}.home-shell .workshop .section-title{color:var(--home-orange-2);font-family:var(--font-display);font-size:clamp(33px,3vw,43px);line-height:1.08;letter-spacing:-.012em;margin-bottom:10px}.home-shell .workshop .section-sub{max-width:920px;color:#3f3d40;font-family:var(--font-thai);font-size:clamp(19px,1.9vw,27px);line-height:1.32;font-weight:650}.home-shell .workshop .view-all{min-width:136px;min-height:42px;padding:0 16px 0 22px;gap:7px;font-size:18px;box-shadow:none}.home-shell .workshop .view-all:after{content:"→";font-size:32px;line-height:0;margin-top:-2px}.home-shell .workshop-grid{display:grid;grid-template-columns:minmax(0,636px) minmax(0,1fr);gap:clamp(38px,3.5vw,54px);align-items:start}.home-shell .workshop-feature{position:relative;aspect-ratio:1.51 / 1;border-radius:30px;overflow:hidden}.home-shell .workshop-feature img{width:129%;height:129%;max-width:none;object-fit:cover;transform:translate(-24.5%,-20.5%);display:block}.home-shell .workshop-copy{margin-top:28px}.home-shell .workshop-copy h3{color:#25212a;font-family:var(--font-display);font-size:clamp(31px,3vw,43px);line-height:1.08;letter-spacing:-.018em;margin-bottom:10px}.home-shell .workshop-copy h3 .accent{color:var(--home-orange-2)}.home-shell .workshop-copy p{max-width:620px;color:#403a45;font-family:var(--font-thai);font-size:clamp(18px,1.55vw,22px);line-height:1.35;font-weight:650;margin-bottom:19px}.home-shell .workshop-row-list{display:grid;gap:74px}.home-shell .workshop-row{display:grid;grid-template-columns:274px minmax(0,1fr);gap:34px;align-items:center}.home-shell .workshop-photo{border-radius:27px;overflow:hidden;height:268px}.home-shell .workshop-photo img{width:100%;height:100%;object-fit:cover;display:block}.home-shell .workshop-note h3{color:var(--home-orange-2);font-family:var(--font-display);font-size:clamp(31px,3.05vw,43px);line-height:1.12;letter-spacing:-.016em;margin-bottom:8px}.home-shell .workshop-note h3 .dark{color:#25212a}.home-shell .workshop-note h4{color:var(--home-orange-2);font-family:var(--font-display);font-size:clamp(18px,1.7vw,24px);line-height:1.16;margin:0 0 2px}.home-shell .workshop-note p{max-width:430px;color:#403a45;font-family:var(--font-thai);font-size:clamp(18px,1.52vw,22px);line-height:1.32;font-weight:650;margin-bottom:17px}.home-shell .workshop .btn{min-width:192px;min-height:46px;border-radius:999px;color:var(--home-orange-2);background:transparent;border:1.5px solid var(--home-orange-2);font-family:var(--font-display);font-size:19px;font-weight:400}.home-shell .footer-cta{color:#fff;background:radial-gradient(620px 280px at 82% 20%,rgba(255,102,0,.34),transparent 56%),linear-gradient(135deg,var(--kllc-purple-deep),var(--kllc-purple-ink));padding:82px 0}.home-shell .footer-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.home-shell .footer-cta h2{font-family:var(--font-display);font-size:clamp(34px,5vw,68px);line-height:1.12;font-weight:500;margin-bottom:14px}.home-shell .footer-cta h2 span{color:var(--home-orange);font-weight:600}.home-shell .footer-cta p{color:#ffffffdb;font-family:var(--font-thai);font-size:18px;margin:0}.home-shell footer{padding:48px 0;background:var(--home-footer);color:#fff}.home-shell .footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:34px}.home-shell .footer-logo{width:172px;margin-bottom:18px}.home-shell .footer-grid h4{margin:0 0 14px;font-size:15px;color:#ffffffeb}.home-shell .footer-grid p,.home-shell .footer-grid li{margin:0;color:#ffffffc2;font-family:var(--font-thai);font-size:14px;line-height:1.8}.home-shell .footer-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}.home-shell .copyright{margin-top:34px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);color:#ffffffb8;font-size:13px}@media(max-width:1320px){.home-shell #courses .wrap{width:min(100% - 56px,1168px)}.home-shell .home-search-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:14px}.home-shell .search-control:nth-child(2){border-right:0}.home-shell .search-control:nth-child(3){border-top:1px solid rgba(36,8,63,.12)}.home-shell .search-query-control{width:min(360px,100%);margin:18px auto 0}.home-shell .course-rail{grid-auto-flow:column;grid-auto-columns:minmax(274px,314px);grid-template-columns:none;gap:22px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;padding:4px 6px 26px;margin-inline:-6px;scrollbar-width:none}.home-shell .course-rail::-webkit-scrollbar{display:none}.home-shell .course-card{scroll-snap-align:start}}@media(max-width:1080px){.home-shell .page{--hero-search-overlap: 44px}.home-shell .topnav{grid-template-columns:160px 1fr 44px}.home-shell .nav-links,.home-shell .nav-actions{display:none}.home-shell .mobile-menu{display:grid;place-items:center;justify-self:end;width:44px;height:44px;border:0;border-radius:14px;color:var(--kllc-purple);background:var(--kllc-purple-soft);font-size:22px}.home-shell .hero-copy{grid-template-columns:1fr}.home-shell .hero-right{display:none}.home-shell .hero-box{width:min(600px,calc(100vw - 48px));grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px;max-width:600px;padding:16px 18px;border-radius:22px}.home-shell .hero-box-item{grid-template-columns:46px minmax(0,1fr);gap:10px;padding:0 14px}.home-shell .hero-box-icon{width:46px;height:46px}.home-shell .hero-box-icon .kllc-sprite{transform:translate(-50%,-50%) scale(.4)}.home-shell .hero-box-value{font-size:clamp(22px,3vw,26px)}.home-shell .hero-box-label{font-size:clamp(12.5px,1.7vw,14px)}.home-shell .hero-box-item:nth-child(2){border-right:0}.home-shell .hero-box-item:nth-child(3),.home-shell .hero-box-item:nth-child(4){padding-top:16px;border-top:1px solid rgba(204,204,204,.92)}.home-shell .workshop-grid{grid-template-columns:1fr;max-width:820px;margin:0 auto}.home-shell .workshop-row-list{gap:42px}.home-shell .workshop-row{grid-template-columns:minmax(226px,300px) minmax(0,1fr);gap:28px}.home-shell .transcript-cards{grid-template-columns:repeat(2,minmax(220px,1fr));max-width:720px}.home-shell .rail-nav{position:static;margin-top:26px}}@media(max-width:720px){.home-shell .page{--hero-search-overlap: 22px}.home-shell .wrap,.home-shell #courses .wrap{width:min(100% - 32px,1168px)}.home-shell .hero{min-height:860px;padding-top:86px}.home-shell .hero-copy{padding-top:16px}.home-shell .hero-kicker{font-size:16px}.home-shell .hero-title{max-width:100%;font-size:clamp(28px,8vw,42px);line-height:1.18}.home-shell .hero-title .brand-line,.home-shell .hero-title .en{font-size:1em}.home-shell .hero-title .thai-line{white-space:normal}.home-shell .hero-content>p{font-size:14.5px;line-height:1.65}.home-shell .hero-learn{min-width:148px;min-height:44px;font-size:16px}.home-shell .hero-box{width:100%;grid-template-columns:1fr;border-radius:18px;max-width:100%;padding:12px 14px;row-gap:0}.home-shell .hero-box-item,.home-shell .hero-box-item:nth-child(2),.home-shell .hero-box-item:nth-child(3),.home-shell .hero-box-item:nth-child(4){grid-template-columns:44px minmax(0,1fr);gap:12px;border-right:0;border-top:1px solid rgba(204,204,204,.92);padding:12px 2px}.home-shell .hero-box-icon{width:44px;height:44px}.home-shell .hero-box-icon .kllc-sprite{transform:translate(-50%,-50%) scale(.38)}.home-shell .hero-box-value{font-size:22px}.home-shell .hero-box-label{font-size:13px;line-height:1.25}.home-shell .hero-box-item:first-child{border-top:0}.home-shell .hero-search-wrap{margin-top:calc(var(--hero-search-overlap) * -1);margin-bottom:calc(var(--hero-search-overlap) * -1)}.home-shell .home-search-form{min-height:0;grid-template-columns:1fr;border-radius:22px;padding:12px}.home-shell .search-control{min-height:78px;grid-template-columns:42px minmax(0,1fr) 16px;gap:12px;padding:0 10px;border-right:0;border-top:1px solid rgba(36,8,63,.12)}.home-shell .search-control:first-child{border-top:0}.home-shell .search-control-icon{width:34px;height:34px}.home-shell .search-label{font-size:15px}.home-shell .search-value{font-size:14px}.home-shell .search-menu{left:62px;right:10px;top:calc(100% - 4px)}.home-shell .search-option{min-height:38px;font-size:14px}.home-shell .search-query-control{min-height:56px;margin-top:12px;margin-left:0;padding:0 20px;font-size:18px;gap:12px}.home-shell .search-query-control svg{width:28px;height:28px}.home-shell .transcript-cards,.home-shell .footer-grid{grid-template-columns:1fr}.home-shell .transcript{padding:34px 0 46px}.home-shell .transcript .wrap{width:min(100% - 32px,1168px)}.home-shell .transcript .section-sub{font-size:17px;line-height:1.5}.home-shell .transcript-cards{max-width:330px;gap:22px}.home-shell .transcript-icon-box{min-height:220px}.home-shell .workshop{padding:46px 0 56px}.home-shell .workshop .section-head{grid-template-columns:1fr;margin-bottom:28px}.home-shell .workshop-feature{border-radius:26px}.home-shell .workshop-copy h3,.home-shell .workshop-note h3{font-size:30px}.home-shell .workshop-copy p,.home-shell .workshop-note p{font-size:17px;font-weight:600}.home-shell .workshop-row{grid-template-columns:1fr;gap:18px}.home-shell .workshop-photo{aspect-ratio:1.56 / 1;height:auto;border-radius:24px}.home-shell .workshop .btn{min-width:158px;min-height:44px;font-size:18px}.home-shell .course-rail{grid-auto-columns:minmax(264px,82vw);gap:18px}.home-shell .section-head,.home-shell .footer-cta .wrap{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.home-shell .hero-slide,.home-shell .slide-visual{transition:none}.home-shell .hero-content.active,.home-shell .vis-ai-card,.home-shell .vis-tr-card,.home-shell .vis-image-card,.home-shell .vis-chip--1,.home-shell .vis-chip--2{animation:none}}.home-shell .nav-links{align-items:center}.home-shell .nav-item{position:relative;display:inline-flex;align-items:center}.home-shell .nav-item:after{content:"";position:absolute;top:100%;left:-14px;right:-14px;height:16px;display:block}.home-shell .nav-trigger{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;border:1px solid rgba(36,8,63,.08);background:#ffffffdb;color:inherit;padding:0 18px;font-family:var(--font-thai);font-size:inherit;font-weight:700;white-space:nowrap;box-shadow:0 10px 22px -18px #24083f6b;cursor:pointer}.home-shell .nav-trigger.active,.home-shell .nav-trigger[aria-expanded=true]{color:#fff;background:var(--home-orange-2, #ff6600);border-color:var(--home-orange-2, #ff6600);box-shadow:0 18px 28px -20px #ff6600e6}.home-shell .nav-caret{width:7px;height:7px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:translateY(-2px) rotate(45deg)}.home-shell .dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;z-index:80;width:244px;display:grid;gap:4px;padding:10px;border-radius:22px;background:#fffffff5;border:1px solid rgba(95,55,149,.12);box-shadow:0 30px 70px -38px #24083f8c;transform:translate(-50%,8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}.home-shell .nav-item:hover .dropdown-menu,.home-shell .nav-item:focus-within .dropdown-menu,.home-shell .nav-item.is-open .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%);transition-delay:0s}.home-shell .dropdown-menu a,.home-shell .dropdown-menu button{width:100%;min-width:0!important;min-height:44px;display:flex!important;align-items:center!important;justify-content:flex-start!important;border:0!important;background:transparent;box-shadow:none!important;border-radius:16px!important;padding:0 16px!important;color:var(--home-title-deep, #321058);font-size:13px;font-family:var(--font-thai);line-height:1.15;text-align:left;white-space:nowrap;cursor:pointer}.home-shell .dropdown-menu a:hover,.home-shell .dropdown-menu a.active,.home-shell .dropdown-menu button:hover{color:var(--home-orange-2, #ff6600);background:#ff660017}.home-shell .drawer-scrim{display:none}@media(max-width:920px){.home-shell .site-header{position:sticky}.home-shell .site-header .brand .logo-color{display:block!important}.home-shell .site-header .brand .logo-light{display:none!important}.home-shell .topnav{grid-template-columns:40px auto!important;justify-content:flex-start;gap:12px}.home-shell .mobile-menu{border:0;width:40px;height:40px;display:grid;place-items:center;justify-self:start;border-radius:50%;background:#fff;color:var(--home-orange-2, #ff6600);font-size:22px;box-shadow:0 14px 28px -22px #24083f6b}.home-shell .drawer-scrim{display:flex;justify-content:flex-start}}.home-shell .drawer-panel{width:min(300px,82vw);height:100%;overflow-y:auto;background:#fff;border-right:1px solid var(--kllc-border);box-shadow:16px 0 48px #24083f29;padding:20px;display:flex;flex-direction:column;gap:6px}@media(prefers-reduced-motion:no-preference){.home-shell .drawer-panel{animation:mobile-nav-slide-in .2s ease}}.home-shell .drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.home-shell .drawer-title{font-family:var(--font-thai, inherit);font-size:1.05rem;font-weight:700;color:var(--kllc-purple-deep);margin:0}.home-shell .drawer-close{flex:0 0 auto;width:32px;height:32px;border:0;border-radius:999px;background:var(--kllc-purple-soft);color:var(--home-muted)}.home-shell .drawer-close:hover{background:var(--kllc-purple-soft);color:var(--kllc-purple)}.home-shell .drawer-nav-link{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:14px;color:var(--kllc-ink);font-family:var(--font-thai, inherit);font-weight:600;text-decoration:none}.home-shell .drawer-nav-link:hover{background:var(--kllc-purple-soft);color:var(--kllc-purple)}.home-shell .drawer-nav-link.active{background:var(--home-orange-2, #ff6600);color:#fff}.home-shell .drawer-nav-group-label{padding:14px 14px 4px;font-family:var(--font-thai, inherit);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--home-muted)}.home-shell .drawer-nav-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--kllc-border)}.home-shell .drawer-nav-divider{border:none;border-top:1px solid var(--kllc-border);margin:10px 0 2px}.home-shell .drawer-nav-link--sub{padding-left:30px;font-weight:500}.home-shell .drawer-nav-actions,.home-shell .drawer-nav-actions .nav-item,.home-shell .drawer-nav-actions .lang-menu,.home-shell .drawer-nav-actions .nav-search{width:100%}.home-shell .drawer-nav-actions .nav-item,.home-shell .drawer-nav-actions .lang-menu,.home-shell .drawer-nav-actions .nav-search{display:flex!important;flex-direction:column;align-items:stretch}.home-shell .drawer-nav-actions .nav-trigger,.home-shell .drawer-nav-actions .lang-menu__trigger{width:100%!important;justify-content:flex-start}.home-shell .drawer-nav-actions .nav-search__form{width:100%;cursor:text}.home-shell .drawer-nav-actions .nav-search__input{flex:1;width:auto;opacity:1;pointer-events:auto}.home-shell .drawer-nav-actions .nav-search__label{display:none}.home-shell .drawer-nav-actions .dropdown-menu,.home-shell .drawer-nav-actions .lang-menu__dropdown,.home-shell .drawer-nav-actions .nav-search__dropdown{position:static!important;width:100%!important;max-width:none!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;margin-top:6px;opacity:1!important;visibility:visible!important;pointer-events:auto!important;box-shadow:none;border:1px solid var(--kllc-border)}.home-shell .drawer-nav-actions .nav-item:not(.is-open) .dropdown-menu{display:none}@media(max-width:640px){.home-shell .topnav{grid-template-columns:40px auto!important;justify-content:flex-start}}@media(min-width:921px){.home-shell .nav-links{overflow:visible!important}.home-shell .nav-item{z-index:90}.home-shell .nav-item:hover,.home-shell .nav-item:focus-within,.home-shell .nav-item.is-open{z-index:95}}.public-shell .lang-menu,.home-shell .lang-menu{position:relative;display:inline-flex;align-items:center}.public-shell .lang-menu__trigger,.home-shell .lang-menu__trigger{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0 10px;border:0;border-radius:999px;background:#fff;color:var(--public-orange, var(--home-orange-2, #ff6600));font-family:var(--font-thai, "Kanit", system-ui, sans-serif);font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 14px 28px -22px #24083f6b;white-space:nowrap;transition:background .15s ease}.public-shell .lang-menu__trigger:hover,.home-shell .lang-menu__trigger:hover{background:#f9f6ff}.public-shell .lang-menu__label,.home-shell .lang-menu__label{font-size:11px;letter-spacing:.04em}.public-shell .lang-menu__caret,.home-shell .lang-menu__caret{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-1px) rotate(45deg);flex-shrink:0}.public-shell .lang-menu__dropdown,.home-shell .lang-menu__dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:200;min-width:140px;display:grid;gap:3px;padding:8px;border-radius:18px;background:#fffffff7;border:1px solid rgba(95,55,149,.12);box-shadow:0 26px 60px -32px #24083f85}.public-shell .lang-menu__item,.home-shell .lang-menu__item{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:0;border-radius:12px;background:transparent;color:var(--public-ink, var(--kllc-ink, #1f1d21));font-family:var(--font-thai, "Kanit", system-ui, sans-serif);font-size:13px;font-weight:500;text-align:left;cursor:pointer;transition:background .12s ease,color .12s ease}.public-shell .lang-menu__item:hover,.home-shell .lang-menu__item:hover{background:#ff660014;color:var(--public-orange, var(--home-orange-2, #ff6600))}.public-shell .lang-menu__item.is-active,.home-shell .lang-menu__item.is-active{color:var(--public-orange, var(--home-orange-2, #ff6600));font-weight:700}.public-shell .lang-menu__check,.home-shell .lang-menu__check{font-size:12px;line-height:1;flex-shrink:0}.public-shell .lang-menu__flag,.home-shell .lang-menu__flag{font-size:15px;line-height:1;flex-shrink:0}.public-shell .nav-search,.home-shell .nav-search{position:relative;display:inline-flex;align-items:center}.public-shell .nav-search__form,.home-shell .nav-search__form{display:inline-flex;align-items:center;gap:7px;box-sizing:border-box;width:132px;min-height:34px;padding:0 13px;border:1px solid transparent;border-radius:999px;background:#fff;color:var(--public-purple-deep, var(--kllc-purple-deep, #321058));cursor:pointer;box-shadow:0 14px 28px -22px #24083f6b;transition:width .24s cubic-bezier(.4,0,.2,1),border-color .2s ease,box-shadow .2s ease}.public-shell .nav-search:not(.is-expanded) .nav-search__form:hover,.home-shell .nav-search:not(.is-expanded) .nav-search__form:hover{background:#f9f6ff}.public-shell .nav-search.is-expanded .nav-search__form,.home-shell .nav-search.is-expanded .nav-search__form{width:clamp(220px,28vw,360px);cursor:text;border-color:#5f37952e;box-shadow:0 0 0 3px #ff66001a,0 14px 28px -22px #24083f6b}.public-shell .nav-search__icon,.home-shell .nav-search__icon{color:var(--public-orange, var(--home-orange-2, #ff6600));flex-shrink:0}.public-shell .nav-search__input,.home-shell .nav-search__input{flex:0;width:0;min-width:0;opacity:0;pointer-events:none;border:0;outline:none;background:transparent;font-family:var(--font-thai, "Kanit", system-ui, sans-serif);font-size:12.5px;color:var(--public-ink, var(--kllc-ink, #1f1d21));transition:opacity .18s ease}.public-shell .nav-search.is-expanded .nav-search__input,.home-shell .nav-search.is-expanded .nav-search__input{flex:1;width:auto;opacity:1;pointer-events:auto}.public-shell .nav-search__label,.home-shell .nav-search__label{font-family:var(--font-thai, "Kanit", system-ui, sans-serif);font-size:12.5px;font-weight:700;white-space:nowrap}.public-shell .nav-search.is-expanded .nav-search__label,.home-shell .nav-search.is-expanded .nav-search__label{display:none}.public-shell .nav-search__input::-webkit-search-cancel-button,.home-shell .nav-search__input::-webkit-search-cancel-button{display:none}.public-shell .nav-search__dropdown,.home-shell .nav-search__dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:200;width:clamp(260px,28vw,380px);max-height:380px;overflow-y:auto;border-radius:20px;background:#fffffff7;border:1px solid rgba(95,55,149,.12);box-shadow:0 30px 70px -36px #24083f85;padding:8px}.public-shell .nav-search__state,.home-shell .nav-search__state{padding:14px 12px;font-family:var(--font-thai, "Kanit", system-ui, sans-serif);font-size:13px;color:var(--public-muted, var(--home-muted, #70687d))}.public-shell .nav-search__group,.home-shell .nav-search__group{margin-bottom:4px}.public-shell .nav-search__group-label,.home-shell .nav-search__group-label{padding:6px 10px 3px;font-family:var(--font-thai, "Kanit", system-ui, sans-serif);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--public-orange, var(--home-orange-2, #ff6600))}.public-shell .nav-search__result,.home-shell .nav-search__result{display:flex;flex-direction:column;align-items:flex-start;width:100%;min-height:42px;padding:6px 12px;border:0;border-radius:12px;background:transparent;cursor:pointer;text-align:left;transition:background .1s ease}.public-shell .nav-search__result:hover,.home-shell .nav-search__result:hover{background:#ff660014}.public-shell .nav-search__result-label,.home-shell .nav-search__result-label{display:block;font-family:var(--font-thai, "Kanit", system-ui, sans-serif);font-size:13px;font-weight:500;color:var(--public-ink, var(--kllc-ink, #1f1d21));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.public-shell .nav-search__result-sub,.home-shell .nav-search__result-sub{display:block;font-size:11px;color:var(--public-muted, var(--home-muted, #70687d));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(max-width:640px){.public-shell .nav-search__label,.home-shell .nav-search__label{display:none}.public-shell .nav-search.is-expanded .nav-search__form,.home-shell .nav-search.is-expanded .nav-search__form{width:min(280px,55vw)}.public-shell .nav-search__dropdown,.home-shell .nav-search__dropdown{width:min(320px,calc(100vw - 32px));right:auto;left:0}}.public-shell .cart-link{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;color:var(--public-purple-deep, var(--kllc-purple-deep, #321058));text-decoration:none;transition:background-color .15s ease,color .15s ease}.public-shell .cart-link:hover,.public-shell .cart-link:focus-visible{background:#32105814;color:var(--public-orange, var(--home-orange-2, #ff6600))}.public-shell .cart-icon{width:22px;height:22px}.public-shell .cart-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#c2410c;color:#fff;font-family:var(--font-thai, "Kanit", system-ui, sans-serif);font-size:12px;font-weight:700;line-height:18px;text-align:center}:root{--auth-bg: #f8f7fb;--auth-surface: #ffffff;--auth-ink: #16121e;--auth-muted: #70687d;--auth-border: #e8e3ef;--auth-purple: #5f3795;--auth-purple-mid: #6b3bb1;--auth-purple-deep: #321058;--auth-purple-ink: #24083f;--auth-purple-soft: #f2ebf7;--auth-orange: #ff6600;--auth-orange-deep: #e55c00;--auth-orange-soft: #fff4eb;--auth-orange-pale: #ffd9c0;--auth-orange-warm: #ffad76;--auth-warning: #d8811d;--auth-success: #1e9e54;--auth-success-soft: #ecfbf3;--auth-success-ink: #156b3c;--auth-error: #c83d32;--auth-error-soft: #fff2f0;--auth-muted-light: #a39bab;--auth-shadow: 0 30px 90px -48px rgba(36, 8, 63, .62);--auth-font-display: "Jost", "Kanit", system-ui, sans-serif;--auth-font-body: "Kanit", "Jost", system-ui, sans-serif}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(380px,.88fr) minmax(560px,1.12fr);background:var(--auth-surface);font-family:var(--auth-font-body);color:var(--auth-ink);-webkit-font-smoothing:antialiased}.brand-stage{position:relative;overflow:hidden;min-height:100vh;display:flex;flex-direction:column;padding:clamp(30px,5vw,66px);color:var(--auth-surface);background:radial-gradient(circle at 15% 12%,rgba(255,255,255,.2),transparent 25%),radial-gradient(circle at 82% 20%,rgba(255,102,0,.62),transparent 24%),radial-gradient(circle at 68% 84%,rgba(238,52,104,.38),transparent 25%),linear-gradient(145deg,var(--auth-purple-mid) 0%,var(--auth-purple-deep) 56%,var(--auth-purple-ink) 100%)}.brand-stage:before,.brand-stage:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%;pointer-events:none}.brand-stage:before{width:440px;height:440px;right:-230px;top:22%;box-shadow:0 0 0 54px #ffffff09,0 0 0 108px #ffffff06}.brand-stage:after{width:260px;height:260px;left:-146px;bottom:-106px;box-shadow:0 0 0 42px #ff66001a}.brand-top,.brand-copy,.brand-proof{position:relative;z-index:1}.brand-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-logo{width:154px;height:auto;filter:drop-shadow(0 8px 20px rgba(20,2,36,.22))}.back-home{min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#ffffffeb;background:#ffffff14;font-size:12px;font-weight:500;text-decoration:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .18s ease,transform .18s ease;cursor:pointer}.back-home:hover{background:#ffffff29;transform:translateY(-1px)}.back-home svg{width:15px;height:15px}.brand-copy{max-width:590px;margin:auto 0;padding:62px 0}.brand-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--auth-orange-pale);font-family:var(--auth-font-display);font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.brand-kicker:before{content:"";width:28px;height:2px;border-radius:999px;background:var(--auth-orange)}.brand-copy h1{max-width:540px;margin:0 0 20px;font-size:clamp(40px,5vw,72px);line-height:1.05;font-weight:600;font-family:var(--auth-font-display);letter-spacing:-.025em}.brand-copy h1 span{color:var(--auth-orange-warm)}.brand-copy p{max-width:510px;margin:0;color:#ffffffd6;font-size:16px;line-height:1.8}.brand-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.proof-item{min-width:0;padding:14px 12px;border-top:1px solid rgba(255,255,255,.22)}.proof-item strong{display:block;margin-bottom:4px;color:var(--auth-surface);font-family:var(--auth-font-display);font-size:20px;line-height:1.1;font-weight:700}.proof-item span{display:block;color:#ffffffb8;font-size:11px;line-height:1.5}.form-stage{position:relative;min-height:100vh;display:grid;place-items:center;padding:46px clamp(28px,6vw,92px);background:radial-gradient(520px 300px at 88% 7%,rgba(255,102,0,.09),transparent 68%),radial-gradient(620px 340px at 6% 92%,rgba(95,55,149,.08),transparent 70%),var(--auth-surface)}.form-panel{width:min(100%,520px)}.register-panel{width:min(100%,590px)}.register-panel .auth-form{gap:14px}.register-panel .auth-field{gap:5px}.register-panel .auth-control input{min-height:48px;border-radius:14px}.register-panel .auth-primary-btn{min-height:50px}.form-heading{margin-bottom:28px}.register-panel .form-heading{margin-bottom:22px}.form-eyebrow{margin:0 0 10px;color:var(--auth-orange);font-family:var(--auth-font-display);font-size:12px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.form-heading h2{margin:0 0 10px;color:var(--auth-purple-deep);font-size:clamp(30px,4vw,44px);line-height:1.12;font-weight:600;font-family:var(--auth-font-display)}.form-heading p{margin:0;color:var(--auth-muted);font-size:14px;line-height:1.7}.auth-form{display:grid;gap:18px}.auth-field{display:grid;gap:7px}.auth-field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.auth-field label,.auth-group-label{color:var(--auth-purple-deep);font-size:13px;font-weight:550}.auth-control{position:relative}.auth-control input{width:100%;min-height:52px;border:1px solid var(--auth-border);border-radius:16px;padding:0 48px 0 46px;color:var(--auth-ink);background:var(--auth-surface);outline:none;font-size:14px;font-family:var(--auth-font-body);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.auth-control input::placeholder{color:var(--auth-muted-light)}.auth-control input:focus{border-color:#5f379594;box-shadow:0 0 0 4px #5f379517}.auth-control.has-error input{border-color:#c83d328f;background:var(--auth-error-soft);box-shadow:0 0 0 4px #c83d3212}.auth-control-icon{position:absolute;left:16px;top:50%;width:19px;height:19px;transform:translateY(-50%);color:var(--auth-purple);pointer-events:none}.auth-password-toggle{position:absolute;right:8px;top:50%;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:12px;color:var(--auth-muted);background:transparent;transform:translateY(-50%);cursor:pointer}.auth-password-toggle:hover{background:var(--auth-purple-soft)}.auth-password-toggle svg{width:18px;height:18px}.auth-field-error{min-height:16px;margin:0;color:var(--auth-error);font-size:11px;line-height:1.4}.auth-form-options,.auth-form-footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.auth-check{display:inline-flex;align-items:flex-start;gap:9px;color:var(--auth-muted);font-size:12px;line-height:1.55;cursor:pointer}.auth-check input{width:17px;height:17px;margin:1px 0 0;accent-color:var(--auth-purple)}.auth-check.check-error{color:var(--auth-error)}.auth-text-link{border:0;padding:0;color:var(--auth-purple);background:transparent;font-size:12px;font-weight:600;text-decoration:none;cursor:pointer}.auth-text-link:hover{color:var(--auth-orange-deep)}.auth-primary-btn,.auth-sso-btn{width:100%;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:16px;font-size:14px;font-weight:600;font-family:var(--auth-font-body);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.auth-primary-btn{border:0;color:var(--auth-surface);background:var(--auth-orange);box-shadow:0 20px 38px -24px #ff6600eb}.auth-primary-btn:hover{background:var(--auth-orange-deep);box-shadow:0 24px 44px -24px #ff6600f2;transform:translateY(-1px)}.auth-primary-btn:disabled{cursor:wait;opacity:.72;transform:none}.auth-sso-btn{border:1px solid var(--auth-border);color:var(--auth-purple-deep);background:var(--auth-surface)}.auth-sso-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.auth-sso-btn:hover{border-color:#5f37953d;background:var(--auth-purple-soft)}.auth-sso-btn.line:hover{border-color:color-mix(in srgb,#06c755 38%,var(--auth-border));background:color-mix(in srgb,#06c755 8%,var(--auth-surface))}.auth-sso-btn:disabled{cursor:wait;opacity:.68}.auth-sso-icon{width:22px;height:22px;flex:0 0 22px}.auth-divider{display:flex;align-items:center;gap:14px;color:var(--auth-muted-light);font-size:11px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--auth-border)}.auth-form-footer{justify-content:center;color:var(--auth-muted);font-size:12px}.auth-form-footer a{color:var(--auth-purple);font-weight:600;text-decoration:none}.auth-form-footer a:hover{color:var(--auth-orange-deep)}.auth-role-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.auth-role-option{position:relative;cursor:pointer}.auth-role-option input{position:absolute;opacity:0;pointer-events:none}.auth-role-card{min-height:72px;display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--auth-border);border-radius:16px;background:var(--auth-surface);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.auth-role-card strong{display:block;color:var(--auth-purple-deep);font-size:12px;font-weight:600}.auth-role-card span{display:block;margin-top:3px;color:var(--auth-muted);font-size:10px;line-height:1.35}.auth-role-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;color:var(--auth-purple);background:var(--auth-purple-soft)}.auth-role-icon svg{width:20px;height:20px}.auth-role-option input:checked+.auth-role-card{border-color:#5f379585;background:var(--auth-purple-soft);box-shadow:0 0 0 3px #5f379514}.auth-role-option-disabled{cursor:not-allowed}.auth-role-option-disabled .auth-role-card{border-style:dashed;color:var(--auth-muted-light);background:var(--auth-bg);opacity:.72}.auth-role-option-disabled .auth-role-icon{color:var(--auth-muted-light);background:var(--auth-border)}.auth-alumni-field{border:1px solid rgba(95,55,149,.14);border-radius:16px;padding:13px;background:var(--auth-purple-soft)}.auth-password-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:2px}.auth-password-meter span{height:4px;border-radius:999px;background:var(--auth-border);transition:background .18s ease}.auth-password-meter[data-strength="1"] span:nth-child(-n+1){background:var(--auth-error)}.auth-password-meter[data-strength="2"] span:nth-child(-n+2){background:var(--auth-warning)}.auth-password-meter[data-strength="3"] span:nth-child(-n+3){background:var(--auth-orange)}.auth-password-meter[data-strength="4"] span:nth-child(-n+4){background:var(--auth-success)}.auth-password-note{margin:6px 0 0;color:var(--auth-muted);font-size:10px;line-height:1.45}.auth-alert{display:flex;align-items:flex-start;gap:10px;border-radius:16px;padding:12px 14px;font-size:12px;line-height:1.55}.auth-alert-error{border:1px solid rgba(200,61,50,.22);color:var(--auth-error);background:var(--auth-error-soft)}.auth-alert-success{border:1px solid rgba(30,158,84,.22);color:var(--auth-success-ink);background:var(--auth-success-soft)}.auth-alert svg{width:19px;height:19px;flex:0 0 auto;margin-top:1px}@media(max-width:1080px){.auth-shell{grid-template-columns:minmax(320px,.76fr) minmax(500px,1.24fr)}.brand-stage{padding:34px}.brand-copy h1{font-size:clamp(38px,5vw,58px)}.brand-proof{grid-template-columns:1fr}.proof-item:nth-child(n+2){display:none}.auth-role-options{grid-template-columns:1fr}}@media(max-width:860px){.auth-shell{display:block}.brand-stage{min-height:auto;padding:22px 24px 84px;border-radius:0 0 30px 30px}.brand-top{align-items:flex-start}.brand-logo{width:132px}.brand-copy{margin:36px 0 0;padding:0}.brand-copy h1{max-width:620px;margin-bottom:12px;font-size:clamp(32px,8vw,46px)}.brand-copy p{max-width:620px;font-size:13px;line-height:1.7}.brand-proof{display:none}.form-stage{min-height:auto;margin-top:-42px;padding:0 20px 34px;background:transparent}.form-panel,.register-panel{width:min(100%,620px);border:1px solid rgba(95,55,149,.09);border-radius:26px;padding:26px;background:var(--auth-surface);box-shadow:var(--auth-shadow)}}@media(max-width:560px){.brand-stage{padding:18px 18px 76px;border-radius:0 0 24px 24px}.brand-logo{width:116px}.back-home{min-height:34px;padding:0 11px;font-size:0}.back-home svg{width:17px;height:17px}.brand-copy{margin-top:28px}.brand-copy h1{font-size:31px}.brand-copy p{font-size:12px}.form-stage{margin-top:-34px;padding:0 12px 24px}.form-panel,.register-panel{border-radius:22px;padding:22px 17px}.form-heading{margin-bottom:22px}.form-heading h2{font-size:28px}.auth-field-row,.auth-role-options{grid-template-columns:1fr}.auth-form-options{align-items:flex-start}.auth-control input{min-height:50px;border-radius:14px}.auth-sso-grid{grid-template-columns:1fr}}@media(max-width:390px){.brand-stage{padding-inline:14px}.form-stage{padding-inline:9px}.form-panel,.register-panel{padding:20px 14px}.auth-role-card{padding:13px}.form-heading h2{font-size:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.driver-popover{all:unset;font-family:var(--driver-popover-font-family,"Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif);box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover-title{zoom:1;margin:0;font-size:19px;font-weight:700;line-height:1.5;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.5}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer-btn{all:unset;box-sizing:border-box;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font-size:12px;line-height:1.3;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}.driver-popover-footer-btn:hover,.driver-popover-footer-btn:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-side-center,.driver-popover-arrow-none{display:none}.driver-active .driver-overlay{pointer-events:none}.driver-active.driver-no-scroll{overflow:hidden}.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in var(--driver-animation-duration,.4s) ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in var(--driver-animation-duration,.4s)}.driver-active-element-parent-no-scroll{overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.kllc-guide-popover.driver-popover{border-radius:16px;box-shadow:0 20px 45px -12px #0f172a59;font-family:inherit}.kllc-guide-popover .driver-popover-title{font-weight:800;color:#0f172a}.kllc-guide-popover .driver-popover-description{color:#334155}.kllc-guide-popover .driver-popover-footer-btn{border-radius:10px;font-weight:700;font-size:.8125rem;padding:6px 12px}.kllc-guide-popover .driver-popover-next-btn,.kllc-guide-popover .driver-popover-next-btn:hover{background:#f15a24;color:#fff;text-shadow:none;border:none}.kllc-guide-popover .driver-popover-prev-btn{color:#334155;background:#fff;border:1px solid #cbd5e1}.kllc-guide-popover .driver-popover-progress-text{color:#475569}:root{--kllc-purple: #5F3795;--kllc-purple-deep: #321058;--kllc-purple-soft: #F2EBF7;--kllc-orange: #FF6600;--kllc-orange-deep: #E55C00;--kllc-orange-soft: #FFF4EB;--kllc-pink: #EE3468;--kllc-muted: #70687D;--kllc-border: #E8E3EF;--kllc-surface: #F8F7FB}.learner-shell{margin:0;padding:0}.learner-shell .mobile-nav-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 auto;border:1px solid var(--kllc-border);border-radius:999px;background:#fff;color:var(--kllc-purple-deep)}.learner-shell .mobile-nav-toggle:hover{background:var(--kllc-purple-soft);color:var(--kllc-purple)}.learner-shell .drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0006;display:none}.learner-shell .drawer-panel{width:min(300px,82vw);height:100%;overflow-y:auto;background:#fff;border-right:1px solid var(--kllc-border);box-shadow:16px 0 48px #24083f29;padding:20px;display:flex;flex-direction:column;gap:14px}@media(prefers-reduced-motion:no-preference){.learner-shell .drawer-panel{animation:mobile-nav-slide-in .2s ease}}.learner-shell .drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.learner-shell .drawer-title{font-family:Kanit,sans-serif;font-size:1.15rem;font-weight:700;color:var(--kllc-purple-deep);margin:0}.learner-shell .drawer-close{flex:0 0 auto;width:32px;height:32px;border:0;border-radius:999px;background:var(--kllc-surface);color:var(--kllc-muted)}.learner-shell .drawer-close:hover{background:var(--kllc-purple-soft);color:var(--kllc-purple)}.learner-shell .crumbs a{color:var(--kllc-muted)}.learner-shell .crumbs a:hover{color:var(--kllc-orange)}.learner-shell .icon-btn{width:38px;height:38px;border-radius:99px;background:var(--kllc-surface);color:var(--kllc-muted);border:0;display:grid;place-items:center;position:relative}.learner-shell .page-tabs-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px 0 8px}.learner-shell .page-tab{padding:8px 18px;border-radius:99px;background:transparent;border:0;text-decoration:none;font-family:Kanit,sans-serif;font-weight:500;font-size:13px;color:var(--fg-1);transition:all .15s;display:inline-flex;align-items:center;gap:6px}.learner-shell .section-title{font-family:Kanit,sans-serif;font-weight:600;font-size:22px;line-height:1.2;margin:4px 0 0}.learner-shell.student-side-enabled main.container{display:grid;grid-template-columns:244px minmax(0,1fr);gap:24px;align-items:start}.learner-shell .student-main-content{grid-column:2;min-width:0}.learner-shell .student-side-nav{position:sticky;top:100px;grid-column:1;grid-row:1;display:grid;gap:14px;transition:width .22s ease}.learner-shell .student-sidebar-toggle{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;border:1px solid var(--kllc-border);border-radius:99px;background:#fff;color:var(--kllc-purple);box-shadow:var(--shadow-card);font-family:Kanit,sans-serif;font-size:1rem;font-weight:500}.learner-shell .student-sidebar-toggle:hover{background:var(--kllc-purple-soft)}.learner-shell .student-sidebar-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:99px;background:var(--kllc-purple-soft);color:var(--kllc-purple);font-family:Jost,sans-serif;transition:transform .18s ease}.learner-shell .student-sidebar-card{display:grid;gap:6px;padding:8px;border:1px solid var(--kllc-border);border-radius:22px;background:#fff;box-shadow:var(--shadow-card)}.learner-shell .student-group-label{display:block;font-size:1rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#564e62;padding:12px 10px 4px;font-family:Jost,Kanit,system-ui,sans-serif;-webkit-user-select:none;user-select:none;pointer-events:none}.learner-shell .student-group-label:first-child{padding-top:4px}.learner-shell .student-sidebar-card hr.student-nav-divider{border:none;border-top:1px solid var(--kllc-border-soft, #f0edf5);margin:6px 4px}.learner-shell.student-side-collapsed .student-group-label,.learner-shell.student-side-collapsed hr.student-nav-divider{display:none}.learner-shell .student-sidebar-link{min-height:42px;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:99px;color:var(--kllc-muted);font-family:Kanit,sans-serif;font-size:1rem;font-weight:400;text-decoration:none}.learner-shell .student-sidebar-link:hover{color:var(--kllc-purple);background:var(--kllc-purple-soft)}.learner-shell .student-sidebar-link.on{color:#fff;background:var(--kllc-purple);box-shadow:0 10px 20px -10px #5f379594}.learner-shell .student-nav-icon{position:relative;overflow:hidden;width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;color:currentColor;border-radius:999px}.learner-shell .kllc-sprite{--sprite-x: -29px;--sprite-y: -235px;width:90px;height:90px;display:block;background-image:url(/v2/assets/kllc-icon-sprite.svg);background-repeat:no-repeat;background-size:1366px 768px;background-position:var(--sprite-x) var(--sprite-y)}.learner-shell .student-nav-icon .kllc-sprite{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.28);transform-origin:center}.learner-shell .student-sidebar-link.on .student-nav-icon{background:#ffffffeb}.learner-shell .kllc-icon-dashboard,.learner-shell .kllc-icon-analytics{--sprite-x: -29px;--sprite-y: -235px}.learner-shell .kllc-icon-transcript,.learner-shell .kllc-icon-document{--sprite-x: -147px;--sprite-y: -10px}.learner-shell .kllc-icon-credential,.learner-shell .kllc-icon-upload{--sprite-x: -500px;--sprite-y: -115px}.learner-shell .kllc-icon-path,.learner-shell .kllc-icon-share{--sprite-x: -263px;--sprite-y: -235px}.learner-shell .kllc-icon-cart,.learner-shell .kllc-icon-download{--sprite-x: -29px;--sprite-y: -338px}.learner-shell .kllc-icon-insight{--sprite-x: -263px;--sprite-y: -10px}.learner-shell .kllc-icon-assessment{--sprite-x: -147px;--sprite-y: -115px}.learner-shell .kllc-icon-transcript{--sprite-x: -29px;--sprite-y: -10px}.learner-shell .kllc-icon-credential{--sprite-x: -500px;--sprite-y: -338px}.learner-shell .kllc-icon-path{--sprite-x: -381px;--sprite-y: -338px}.learner-shell .kllc-icon-cart{--sprite-x: -500px;--sprite-y: -567px}.learner-shell .student-nav-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learner-shell .student-sidebar-note{padding:18px;border-radius:22px;color:#fff;background:linear-gradient(145deg,#24083f,#5f3795,#f60);box-shadow:var(--shadow-card)}.learner-shell .student-sidebar-note .kicker{color:var(--fg-on-dark-muted, rgba(255,255,255,.9))}.learner-shell .student-sidebar-note b{display:block;margin-top:8px;font-family:Kanit,sans-serif;font-size:18px;line-height:1.25}.learner-shell .student-sidebar-note span{display:block;margin-top:8px;color:var(--fg-on-dark-soft, rgba(255,255,255,.82));font-family:Kanit,sans-serif;font-size:12px;line-height:1.6}.learner-shell.student-side-enabled .page-tabs{display:none}.learner-shell.student-side-collapsed main.container{grid-template-columns:78px minmax(0,1fr)}.learner-shell.student-side-collapsed .student-sidebar-toggle{width:58px;min-height:58px;justify-content:center;padding:0;border-radius:18px}.learner-shell.student-side-collapsed .student-sidebar-label{display:none}.learner-shell.student-side-collapsed .student-sidebar-icon{transform:rotate(180deg)}.learner-shell.student-side-collapsed .student-sidebar-card{width:58px;padding:8px;border-radius:18px}.learner-shell.student-side-collapsed .student-sidebar-link{position:relative;width:42px;min-height:42px;justify-content:center;padding:0;overflow:visible}.learner-shell.student-side-collapsed .student-sidebar-link .student-nav-text{display:none}.learner-shell.student-side-collapsed .student-sidebar-link .student-nav-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:99px}.learner-shell.student-side-collapsed .student-sidebar-link:hover:after,.learner-shell.student-side-collapsed .student-sidebar-link:focus-visible:after{content:attr(data-label);position:absolute;left:calc(100% + 10px);top:50%;z-index:30;transform:translateY(-50%);width:max-content;max-width:220px;padding:8px 10px;border-radius:10px;background:var(--fg-1);color:#fff;font-family:Kanit,sans-serif;font-size:1rem;line-height:1.25;box-shadow:var(--shadow-card);pointer-events:none}.learner-shell.student-side-collapsed .student-sidebar-note{display:none}@media(max-width:720px){.learner-shell.student-side-enabled main.container{display:block}.learner-shell.student-side-collapsed main.container{display:block}.learner-shell .student-main-content{min-width:0}.learner-shell .mobile-nav-toggle{display:inline-flex}.learner-shell .student-side-nav{display:none}.learner-shell .drawer-scrim{display:flex;justify-content:flex-start}}.learner-shell .user-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:60;min-width:184px;display:grid;gap:2px;padding:8px;border-radius:16px;background:#fff;border:1px solid var(--kllc-border);box-shadow:0 30px 70px -38px #24083f8c}.learner-shell .user-menu a,.learner-shell .user-menu button{display:flex;align-items:center;min-height:40px;padding:0 12px;border:0;border-radius:10px;background:transparent;text-align:left;font-family:Kanit,sans-serif;font-size:1rem;color:var(--fg-1);width:100%}.learner-shell .user-menu a:hover,.learner-shell .user-menu button:hover{background:var(--kllc-purple-soft);color:var(--kllc-purple)}.learner-shell .student-nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#c2410c;color:#fff;font-size:12px;font-weight:700;line-height:20px;text-align:center}.notice-page{padding-bottom:72px}.notice-hero{margin-top:22px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:18px;align-items:stretch}@media(max-width:920px){.notice-hero{grid-template-columns:1fr}}.notice-title-card{padding:28px;color:#fff;border-radius:28px;background:radial-gradient(520px 240px at 88% 8%,color-mix(in oklch,var(--accent, #ff6600) 58%,transparent),transparent 68%),linear-gradient(135deg,var(--brand-deep, #24083f),var(--brand, #5f3795));box-shadow:var(--shadow-card, 0 18px 50px -28px rgba(36, 8, 63, .35))}.notice-title-card .kicker{font-size:12px;font-weight:800;letter-spacing:.12em;color:#ffffffd1}.notice-title-card h1{margin:8px 0 0;font-size:clamp(28px,4vw,44px);line-height:1.12}.notice-title-card p{max-width:760px;margin-top:10px;color:#ffffffdb;font-family:var(--font-thai, "Kanit", sans-serif);line-height:1.65}.notice-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.notice-stat{padding:16px;border-radius:18px;background:var(--surface, #fff);border:1px solid var(--border, #e8e3ef);box-shadow:var(--shadow-card, 0 18px 50px -28px rgba(36, 8, 63, .35))}.notice-stat span{display:block;color:var(--muted, #70687d);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.notice-stat b{display:block;margin-top:6px;color:var(--fg, #16121e);font-family:var(--font-mono, "Jost", sans-serif);font-size:28px;line-height:1}.notice-workspace{margin-top:18px;display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,.66fr);gap:18px}@media(max-width:980px){.notice-workspace{grid-template-columns:1fr}}.notice-panel{background:var(--surface, #fff);border:1px solid var(--border, #e8e3ef);border-radius:22px;box-shadow:var(--shadow-card, 0 18px 50px -28px rgba(36, 8, 63, .35));overflow:hidden}.notice-toolbar{padding:14px;display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--border, #e8e3ef);background:var(--surface-soft, #fcfbff)}.notice-tab{min-height:34px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--muted, #70687d);font-family:var(--font-thai, "Kanit", sans-serif);font-size:12px;font-weight:500;cursor:pointer}.notice-tab.on{background:var(--brand, #5f3795);color:#fff}.notice-list{display:grid;max-height:710px;overflow:auto}.notice-item{padding:15px 16px;display:grid;grid-template-columns:10px minmax(0,1fr);gap:12px;text-align:left;background:#fff;border:0;border-bottom:1px solid var(--border-soft, #f0edf5);cursor:pointer}.notice-item:hover,.notice-item.on{background:color-mix(in oklch,var(--brand, #5f3795) 5%,white)}.notice-item[hidden]{display:none}.notice-dot{width:10px;height:10px;margin-top:5px;border-radius:999px;background:var(--border, #e8e3ef)}.notice-item.unread .notice-dot{background:var(--accent, #ff6600);box-shadow:0 0 0 5px color-mix(in oklch,var(--accent, #ff6600) 15%,transparent)}.notice-copy{min-width:0;display:grid;gap:6px}.notice-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted, #70687d);font-size:12px}.notice-kind{font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand, #5f3795)}.notice-title{color:var(--fg, #16121e);font-family:var(--font-thai, "Kanit", sans-serif);font-size:14px;font-weight:600;line-height:1.35}.notice-desc{color:var(--muted, #70687d);font-family:var(--font-thai, "Kanit", sans-serif);font-size:12px;line-height:1.55}.notice-tags{display:flex;gap:6px;flex-wrap:wrap}.notice-chip{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;background:var(--brand-soft, #f2ebf7);color:var(--brand, #5f3795);font-size:12px;font-weight:600}.notice-chip.hot{background:color-mix(in oklch,var(--accent, #ff6600) 13%,white);color:var(--accent-deep, #b34600)}.notice-chip.ok{background:#2ecc7124;color:var(--success-deep, #1e9e54)}.notice-detail{min-height:640px;display:grid;grid-template-rows:auto 1fr auto}.notice-detail-head{padding:22px;border-bottom:1px solid var(--border, #e8e3ef)}.notice-detail-head h2{margin-top:8px;font-size:clamp(20px,3vw,30px);line-height:1.2}.notice-detail-head p{margin-top:8px;color:var(--muted, #70687d);font-family:var(--font-thai, "Kanit", sans-serif);line-height:1.65}.notice-detail-body{padding:22px;display:grid;gap:14px;align-content:start}.notice-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:720px){.notice-info-grid{grid-template-columns:1fr}}.notice-info{padding:13px;border-radius:14px;background:var(--surface-soft, #fcfbff);border:1px solid var(--border-soft, #f0edf5)}.notice-info span{display:block;color:var(--muted, #70687d);font-size:12px}.notice-info b{display:block;margin-top:3px;color:var(--fg, #16121e);font-family:var(--font-thai, "Kanit", sans-serif);font-size:13px}.notice-thread{display:grid;gap:10px}.notice-thread-row{padding:13px 14px;border-radius:14px;background:#fff;border:1px solid var(--border, #e8e3ef)}.notice-thread-row strong{display:block;color:var(--fg, #16121e);font-size:13px}.notice-thread-row span{display:block;margin-top:3px;color:var(--muted, #70687d);font-family:var(--font-thai, "Kanit", sans-serif);font-size:12px;line-height:1.55}.notice-actions{padding:16px 22px;display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid var(--border, #e8e3ef);background:var(--surface-soft, #fcfbff)}.notice-btn{min-height:38px;padding:0 16px;border-radius:12px;border:1px solid var(--border, #e8e3ef);background:#fff;color:var(--fg, #16121e);font-family:var(--font-thai, "Kanit", sans-serif);font-size:13px;font-weight:600;cursor:pointer}.notice-btn:hover{background:var(--surface-soft, #fcfbff)}.notice-btn-primary{border-color:transparent;background:var(--brand, #5f3795);color:#fff}.notice-btn-primary:hover{background:var(--brand-deep, #24083f)}.notice-empty{padding:34px;color:var(--muted, #70687d);font-family:var(--font-thai, "Kanit", sans-serif);text-align:center}.notice-toast{position:fixed;right:24px;bottom:24px;z-index:100;max-width:min(420px,calc(100vw - 48px));padding:13px 16px;border-radius:16px;background:var(--fg, #16121e);color:#fff;font-family:var(--font-thai, "Kanit", sans-serif);font-size:13px;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .16s,transform .16s}.notice-toast.show{opacity:1;transform:translateY(0)}.notif-wrap{position:relative;display:inline-flex;align-items:center}.notif-wrap .notif-trigger{position:relative;overflow:visible}.notif-count{position:absolute;top:-4px;right:-5px;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border:2px solid #fff;border-radius:999px;background:var(--hot, var(--kllc-pink, #ee3468));color:#fff;font-family:var(--font-mono, "Jost", sans-serif);font-size:10px;font-weight:800;line-height:1;box-shadow:0 8px 20px -10px #ee3468bf}.notif-menu{position:absolute;top:calc(100% + 12px);right:0;z-index:80;width:min(380px,calc(100vw - 28px));max-height:min(560px,calc(100vh - 112px));overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid var(--border, var(--kllc-border, #e8e3ef));border-radius:22px;background:var(--surface, #fff);box-shadow:0 24px 70px -32px #24083f61;opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;transform-origin:top right;transition:opacity .16s ease,transform .16s ease}.notif-menu.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.notif-menu:before{content:"";position:absolute;top:-7px;right:22px;width:14px;height:14px;background:var(--surface, #fff);border-left:1px solid var(--border, #e8e3ef);border-top:1px solid var(--border, #e8e3ef);transform:rotate(45deg)}.notif-menu-head,.notif-menu-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:var(--surface, #fff)}.notif-menu-head{border-bottom:1px solid var(--border-soft, #f0edf5)}.notif-menu-head b{display:block;color:var(--fg, var(--fg-1, #16121e));font-family:var(--font-thai, "Kanit", sans-serif);font-size:16px;font-weight:700}.notif-menu-head span{color:var(--muted, var(--kllc-muted, #70687d));font-size:12px}.notif-menu-list{position:relative;z-index:1;overflow:auto;display:grid;background:var(--surface, #fff)}.notif-menu-item{display:grid;grid-template-columns:9px minmax(0,1fr);gap:12px;padding:14px 18px;border-bottom:1px solid var(--border-soft, #f0edf5);text-align:left}.notif-menu-item:hover{background:color-mix(in oklch,var(--brand, var(--kllc-purple, #5f3795)) 5%,white)}.notif-menu-item strong{display:block;color:var(--fg, var(--fg-1, #16121e));font-family:var(--font-thai, "Kanit", sans-serif);font-size:13px;font-weight:650;line-height:1.35}.notif-menu-item small{display:block;margin-top:4px;color:var(--muted, var(--kllc-muted, #70687d));font-family:var(--font-thai, "Kanit", sans-serif);font-size:12px;line-height:1.45}.notif-status-dot{width:9px;height:9px;margin-top:4px;border-radius:999px;background:var(--border, #e8e3ef)}.notif-menu-item.unread .notif-status-dot{background:var(--accent, var(--kllc-orange, #ff6600));box-shadow:0 0 0 5px color-mix(in oklch,var(--accent, #ff6600) 14%,transparent)}.notif-menu-foot{border-top:1px solid var(--border-soft, #f0edf5)}.notif-menu-foot a{width:100%;min-height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--brand, var(--kllc-purple, #5f3795));color:#fff;font-family:var(--font-thai, "Kanit", sans-serif);font-size:13px;font-weight:650}.notif-menu-empty{padding:22px 18px;color:var(--muted, #70687d);font-family:var(--font-thai, "Kanit", sans-serif);font-size:13px;text-align:center}@media(max-width:560px){.notif-menu{position:fixed;top:68px;right:12px;left:12px;width:auto;max-height:calc(100vh - 92px)}.notif-menu:before{right:96px}}:root{--kllc-purple: #5F3795;--kllc-purple-deep: #321058;--kllc-purple-soft: #F2EBF7;--kllc-orange: #FF6600;--kllc-orange-deep: #E55C00;--kllc-orange-soft: #FFF4EB;--kllc-muted: #70687D;--kllc-border: #E8E3EF;--kllc-border-soft: #F0EDF5;--kllc-surface: #F8F7FB;--kllc-pink: #EE3468;--kllc-blue: #4C7BD9;--kllc-success: #2ECC71;--font-mono: "Jost", "Kanit", system-ui, sans-serif}.learner-shell .v2-preview-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#ff66001f;color:var(--kllc-orange-deep);font-family:Jost,sans-serif;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.learner-shell *{box-sizing:border-box}html,.learner-shell{margin:0;padding:0}.learner-shell{font-family:Kanit,Jost,sans-serif;color:var(--fg-1);background:radial-gradient(900px 380px at 86% -8%,rgba(95,55,149,.16),transparent 60%),radial-gradient(800px 360px at -10% 6%,rgba(255,102,0,.08),transparent 60%),#f8f7fb;min-height:100vh;padding-top:76px}.learner-shell .th{font-family:Kanit,sans-serif}.learner-shell img{display:block;max-width:100%}.learner-shell button{font-family:inherit;cursor:pointer}.learner-shell a{color:inherit;text-decoration:none}.learner-shell .container{max-width:1280px;margin:0 auto;padding:24px 32px 64px}@media(max-width:720px){.learner-shell .container{padding:18px 16px 48px}}.learner-shell .app-bar{position:fixed;top:0;left:0;right:0;z-index:50;height:76px;background:#fff;border-bottom:1px solid var(--kllc-border);box-shadow:0 6px 24px -16px #24083f2e}.learner-shell .app-bar-inner{max-width:1280px;margin:0 auto;height:100%;padding:0 32px;display:flex;align-items:center;gap:20px}@media(max-width:720px){.learner-shell .app-bar-inner{padding:0 18px;gap:12px}}.learner-shell .brand img{height:52px;filter:drop-shadow(0 2px 8px rgba(36,8,63,.15))}@media(max-width:720px){.learner-shell .brand img{height:40px}}.learner-shell .crumbs{font-family:Kanit,sans-serif;font-size:1rem;color:var(--kllc-muted);display:flex;align-items:center;gap:6px}.learner-shell .crumbs b{color:var(--kllc-purple);font-weight:600}@media(max-width:900px){.learner-shell .crumbs{display:none}}.learner-shell .app-bar-spacer{flex:1}.learner-shell .icon-btn{width:38px;height:38px;border-radius:99px;background:var(--kllc-surface);color:var(--kllc-muted);border:0;display:grid;place-items:center;transition:background .15s,color .15s;position:relative}.learner-shell .icon-btn:hover{background:var(--kllc-orange-soft);color:var(--kllc-orange)}.learner-shell .icon-btn .dot{position:absolute;top:8px;right:8px;width:9px;height:9px;border-radius:99px;background:var(--kllc-pink);border:2px solid white}.learner-shell .lang-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:99px;background:var(--kllc-surface);border:0;font-weight:600;font-size:1rem;color:var(--fg-1)}.learner-shell .flag{display:inline-grid;grid-template-rows:repeat(5,1fr);width:16px;height:11px;border-radius:2px;overflow:hidden;border:1px solid rgba(0,0,0,.08)}.learner-shell .flag span:nth-child(1),.learner-shell .flag span:nth-child(5){background:#ed1c24}.learner-shell .flag span:nth-child(2),.learner-shell .flag span:nth-child(4){background:#fff}.learner-shell .flag span:nth-child(3){background:#241f70;height:200%;transform:translateY(-25%)}.learner-shell .user-chip{display:inline-flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;border-radius:99px;background:var(--kllc-surface);border:0}.learner-shell .user-chip .ava{width:32px;height:32px;border-radius:99px;background:linear-gradient(135deg,var(--kllc-orange),var(--kllc-pink));color:#fff;display:grid;place-items:center;font-family:Jost,sans-serif;font-weight:700;font-size:12px}.learner-shell .user-chip .meta{text-align:left;font-family:Kanit,sans-serif;line-height:1.15}.learner-shell .user-chip .meta b{display:block;font-size:1rem;font-weight:500;color:var(--fg-1)}.learner-shell .user-chip .meta span{font-family:Jost,sans-serif;font-size:1rem;color:var(--kllc-muted);font-weight:600;letter-spacing:.04em}@media(max-width:720px){.learner-shell .user-chip .meta{display:none}.learner-shell .user-chip{padding:5px}}.learner-shell .card{background:#fff;border:1px solid var(--kllc-border);border-radius:22px;box-shadow:var(--shadow-card)}.learner-shell .pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:99px;font-size:12px;font-weight:700}.learner-shell .pill-green{background:#2ecc7124;color:#1e9e54}.learner-shell .pill-amber{background:#f39c122e;color:#c97a06}.learner-shell .pill-purple{background:var(--kllc-purple-soft);color:var(--kllc-purple)}.learner-shell .pill-orange{background:var(--kllc-orange-soft);color:var(--kllc-orange)}.learner-shell .pill .dot-tiny{width:6px;height:6px;border-radius:99px;background:currentColor}.learner-shell .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;font-weight:600;transition:transform .15s,background .15s,box-shadow .15s;white-space:nowrap;font-family:Kanit,sans-serif}.learner-shell .btn-primary{background:var(--kllc-orange);color:#fff;box-shadow:var(--shadow-orange);height:42px;padding:0 20px;border-radius:99px;font-size:14px}.learner-shell .btn-primary:hover{background:var(--kllc-orange-deep);transform:translateY(-1px)}.learner-shell .btn-secondary{background:var(--kllc-purple);color:#fff;box-shadow:0 14px 30px -10px #5f379580;height:42px;padding:0 20px;border-radius:99px;font-size:14px}.learner-shell .btn-outline{background:#fff;color:var(--kllc-purple);border:1px solid var(--kllc-border);height:42px;padding:0 18px;border-radius:99px;font-size:14px;font-weight:600}.learner-shell .btn-outline:hover{border-color:var(--kllc-purple)}.learner-shell .kicker{font-family:Jost,sans-serif;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--kllc-orange)}.learner-shell .section-title{font-family:Kanit,sans-serif;font-weight:600;font-size:22px;line-height:1.2;margin:4px 0 0;color:var(--fg-1)}.learner-shell .section-sub{font-family:Kanit,sans-serif;font-weight:300;color:var(--kllc-muted);font-size:13px;margin:6px 0 0;line-height:1.6}.learner-shell .page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:26px 0 14px}.learner-shell .page-intro h1{font-family:Kanit,sans-serif;font-weight:600;font-size:30px;line-height:1.15;margin:6px 0 0;color:var(--fg-1)}.learner-shell .page-intro h1 .accent{color:var(--kllc-orange)}.learner-shell .page-intro p{margin:8px 0 0;max-width:520px;font-family:Kanit,sans-serif;font-weight:300;font-size:14px;line-height:1.7;color:var(--kllc-muted)}.learner-shell .page-tabs{display:flex;gap:6px;background:#fff;border:1px solid var(--kllc-border);border-radius:99px;padding:5px;box-shadow:var(--shadow-card)}.learner-shell .page-tab{padding:8px 18px;border-radius:99px;background:transparent;border:0;font-family:Kanit,sans-serif;font-weight:500;font-size:13px;color:var(--fg-1);transition:all .15s}.learner-shell .page-tab:hover{color:var(--kllc-purple)}.learner-shell .page-tab.on{background:var(--kllc-purple);color:#fff;box-shadow:0 10px 20px -8px #5f379580}@media(max-width:720px){.learner-shell .page-tabs{overflow-x:auto;max-width:100%}}.learner-shell .hero-strip{margin-top:8px;padding:26px 28px;background:linear-gradient(120deg,#2a0e55,#5f3795 55%,#f60 130%);color:#fff;border-radius:28px;position:relative;overflow:hidden;display:grid;gap:24px;grid-template-columns:minmax(280px,360px) 1fr;align-items:center}.learner-shell .hero-strip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 14% 18%,rgba(255,255,255,.25),transparent 28%),radial-gradient(circle at 88% 78%,rgba(238,52,104,.42),transparent 35%)}.learner-shell .hero-strip>*{position:relative;z-index:1}@media(max-width:900px){.learner-shell .hero-strip{grid-template-columns:1fr;padding:22px}}.learner-shell .me{display:flex;gap:16px;align-items:center}.learner-shell .me-ava{width:88px;height:88px;border-radius:22px;background:#ffffff26;padding:4px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0}.learner-shell .me-ava img{width:80px;height:auto}.learner-shell .me-ava img.me-ava-photo{width:80px;height:80px;object-fit:cover;border-radius:18px}.learner-shell .me-info h2{font-family:Kanit,sans-serif;font-weight:600;font-size:22px;margin:0 0 4px;line-height:1.2}.learner-shell .me-info .id{font-family:var(--font-mono);font-size:11px;color:var(--fg-on-dark-muted);margin:0 0 8px}.learner-shell .me-info .verified{display:inline-flex;align-items:center;gap:6px;background:#ffffff29;border:1px solid rgba(255,255,255,.28);padding:4px 10px;border-radius:99px;font-family:Jost,sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.learner-shell .me-info .verified .dot{width:7px;height:7px;border-radius:99px;background:#2ecc71}.learner-shell .hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}@media(max-width:720px){.learner-shell .hero-stats{grid-template-columns:1fr 1fr}}.learner-shell .h-stat .k{font-family:Jost,sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-on-dark-muted);margin:0 0 4px}.learner-shell .h-stat .v{font-family:Jost,sans-serif;font-weight:800;font-size:28px;line-height:1;color:#fff}.learner-shell .h-stat .v .unit{font-weight:500;font-size:13px;color:var(--fg-on-dark-muted);margin-left:4px}.learner-shell .h-stat .help{margin:6px 0 0;font-family:Kanit,sans-serif;font-weight:300;font-size:11px;color:var(--fg-on-dark-soft);line-height:1.5}.learner-shell .hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.learner-shell .hero-actions .btn-glass{background:#ffffff29;color:#fff;border:1px solid rgba(255,255,255,.28);height:42px;padding:0 20px;border-radius:99px;font-family:Kanit,sans-serif;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.learner-shell .hero-actions .btn-glass:hover{background:#ffffff42}.learner-shell .match-formula{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:99px;background:var(--kllc-purple-soft);color:var(--kllc-purple);font-family:Jost,sans-serif;font-size:11px;font-weight:700;letter-spacing:.04em}.learner-shell .match-formula code{font-family:Jost,Kanit,system-ui,sans-serif;font-size:11px;font-weight:600;background:#ffffffb3;padding:1px 6px;border-radius:6px}.learner-shell .match-grid{margin-top:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media(max-width:980px){.learner-shell .match-grid{grid-template-columns:1fr}}.learner-shell .match-card{background:#fff;border:1px solid var(--kllc-border);border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:14px;position:relative;transition:border-color .2s,transform .2s,box-shadow .2s}.learner-shell .match-card:hover{border-color:var(--kllc-orange);transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.learner-shell .match-card.pinned{border-color:var(--kllc-orange);box-shadow:0 20px 36px -18px #ff660073;background:linear-gradient(180deg,var(--kllc-orange-soft) 0%,white 38%)}.learner-shell .match-card .head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.learner-shell .match-card .role{font-family:Jost,sans-serif;font-weight:800;font-size:17px;line-height:1.2;color:var(--fg-1);margin:0}.learner-shell .match-card .role-th{font-family:Kanit,sans-serif;font-weight:400;font-size:12px;color:var(--kllc-muted);margin-top:2px}.learner-shell .match-card .pct{font-family:Jost,sans-serif;font-weight:800;font-size:28px;line-height:1;color:var(--kllc-orange);text-align:right}.learner-shell .match-card .pct small{font-family:Kanit,sans-serif;font-weight:300;display:block;font-size:10px;color:var(--kllc-muted);margin-top:2px}.learner-shell .gap-list{display:flex;flex-direction:column;gap:8px}.learner-shell .gap-list .label-row{display:flex;justify-content:space-between;align-items:baseline;font-family:Jost,sans-serif;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--kllc-muted)}.learner-shell .gap-list .label-row span small{font-family:Kanit,sans-serif;font-weight:300;font-size:10px;color:var(--kllc-muted);letter-spacing:0;text-transform:none}.learner-shell .gap-item{display:grid;gap:4px;grid-template-columns:1fr}.learner-shell .gap-item .top{display:flex;justify-content:space-between;gap:8px;align-items:baseline;font-family:Kanit,sans-serif;font-size:12px}.learner-shell .gap-item .name{color:var(--fg-1);font-weight:500}.learner-shell .gap-item .delta{font-family:Jost,sans-serif;font-weight:800;font-size:12px;color:var(--kllc-orange);display:inline-flex;align-items:center;gap:4px}.learner-shell .gap-item .delta .w{background:var(--kllc-purple-soft);color:var(--kllc-purple);padding:1px 6px;border-radius:6px;font-size:10px;font-weight:700}.learner-shell .gap-item .gbar{position:relative;height:6px;background:#f0edf5;border-radius:99px;overflow:hidden}.learner-shell .gap-item .gbar .cur{position:absolute;left:0;top:0;bottom:0;background:#5f379559;border-radius:99px}.learner-shell .gap-item .gbar .req{position:absolute;left:0;top:0;bottom:0;border-right:2px dashed var(--kllc-orange);border-radius:0;background:transparent}.learner-shell .course-pills{display:flex;gap:6px;flex-wrap:wrap;padding-top:4px}.learner-shell .course-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;background:var(--kllc-surface);font-family:Kanit,sans-serif;font-weight:500;font-size:11px;color:var(--fg-1);white-space:nowrap}.learner-shell .course-pill .add{font-family:Jost,sans-serif;font-weight:800;color:var(--kllc-orange);font-size:10px}.learner-shell .match-foot{display:flex;gap:8px;margin-top:auto;padding-top:4px;flex-wrap:wrap}.learner-shell .match-foot .btn{height:36px;padding:0 14px;font-size:12px}.learner-shell .pin-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;background:var(--kllc-orange);color:#fff;font-family:Jost,sans-serif;font-weight:800;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.learner-shell .goal-banner{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--kllc-orange-soft);border:1px dashed var(--kllc-orange);border-radius:16px;margin:0 0 14px}.learner-shell .goal-banner svg{color:var(--kllc-orange);flex-shrink:0}.learner-shell .goal-banner .body{flex:1;min-width:0}.learner-shell .goal-banner .body p{margin:0;font-family:Kanit,sans-serif;font-size:13px;color:var(--fg-1)}.learner-shell .goal-banner .body p b{color:var(--kllc-orange);font-family:Jost,sans-serif;font-weight:800}.learner-shell .goal-banner .body small{font-family:Kanit,sans-serif;font-weight:300;font-size:11px;color:var(--kllc-muted)}.learner-shell .jobsys{margin-top:22px;padding:26px;background:radial-gradient(circle at 92% -10%,rgba(255,102,0,.1),transparent 50%),radial-gradient(circle at -8% 110%,rgba(95,55,149,.1),transparent 55%),#fff}.learner-shell .jobsys-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.learner-shell .jobsys-head h2{font-family:Kanit,sans-serif;font-weight:600;font-size:22px;margin:6px 0 0}.learner-shell .jobsys-head h2 .accent{color:var(--kllc-orange)}.learner-shell .jobsys-head .meta{font-family:Kanit,sans-serif;font-weight:300;font-size:12px;color:var(--kllc-muted);margin:6px 0 0;max-width:520px;line-height:1.6}.learner-shell .jobsys-head .formula{font-family:Jost,sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--kllc-purple);background:var(--kllc-purple-soft);padding:6px 12px;border-radius:99px}.learner-shell .sp-panel{display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:22px}@media(max-width:720px){.learner-shell .sp-panel{grid-template-columns:1fr 1fr}}.learner-shell .sp-card{background:var(--kllc-surface);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.learner-shell .sp-card .lk{font-family:Jost,sans-serif;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--kllc-muted)}.learner-shell .sp-card .lv{font-family:Jost,sans-serif;font-weight:800;font-size:22px;line-height:1;color:var(--fg-1)}.learner-shell .sp-card .lv .unit{font-weight:500;font-size:12px;color:var(--kllc-muted);margin-left:4px}.learner-shell .sp-card.points .lv{color:var(--kllc-orange)}.learner-shell .jobpath{position:relative;display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin-bottom:28px}@media(max-width:820px){.learner-shell .jobpath{grid-template-columns:1fr}}.learner-shell .jobpath:before,.learner-shell .jobpath:after{content:"›";position:absolute;top:50%;transform:translateY(-50%);font-family:Jost,sans-serif;font-weight:800;font-size:28px;line-height:1;color:var(--kllc-purple);width:28px;height:28px;display:grid;place-items:center;border-radius:99px;background:#fff;border:1px solid var(--kllc-border);z-index:2}.learner-shell .jobpath:before{left:calc(33.33% - 14px)}.learner-shell .jobpath:after{left:calc(66.66% - 14px)}@media(max-width:820px){.learner-shell .jobpath:before,.learner-shell .jobpath:after{display:none}}.learner-shell .job-card{background:var(--kllc-surface);border:1px solid transparent;border-radius:20px;padding:22px 22px 20px;display:flex;flex-direction:column;gap:8px;transition:transform .2s,border-color .2s,background .2s;position:relative;min-height:220px}.learner-shell .job-card:hover{background:#fff;border-color:var(--kllc-orange);transform:translateY(-2px)}.learner-shell .job-card.cleared{background:#2ecc710f;border-color:#2ecc714d}.learner-shell .job-card.current{background:linear-gradient(135deg,var(--kllc-orange-soft),white);border-color:var(--kllc-orange);box-shadow:0 18px 30px -16px #ff660073}.learner-shell .job-card.locked{opacity:.88}.learner-shell .job-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.learner-shell .job-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;color:var(--kllc-purple);position:relative;overflow:hidden;background:#fff;border:1px solid var(--kllc-border);box-shadow:0 10px 22px -16px #24083f73;flex-shrink:0}.learner-shell .job-card.cleared .job-icon{border-color:#2ecc7157}.learner-shell .job-card.current .job-icon{border-color:#ff660057}.learner-shell .job-card.locked .job-icon{opacity:.72}.learner-shell .job-icon svg{width:26px;height:26px}.learner-shell .job-icon .kllc-sprite{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.48);transform-origin:center}.learner-shell .stage-tag{font-family:Jost,sans-serif;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:5px 12px;border-radius:99px;background:#fff;color:var(--kllc-muted);white-space:nowrap}.learner-shell .stage-tag.cleared{background:#2ecc7129;color:#1e9e54}.learner-shell .stage-tag.active{background:var(--kllc-orange);color:#fff;box-shadow:var(--shadow-orange)}.learner-shell .stage-tag.locked{background:var(--kllc-surface);color:var(--kllc-muted);border:1px solid var(--kllc-border)}.learner-shell .job-name{font-family:Jost,sans-serif;font-weight:800;font-size:22px;line-height:1.1;color:var(--fg-1)}.learner-shell .job-th{font-family:Kanit,sans-serif;font-weight:500;font-size:14px;color:var(--kllc-muted);margin-top:2px}.learner-shell .job-meta{display:flex;gap:6px 14px;align-items:center;flex-wrap:wrap;margin-top:6px;font-family:Jost,sans-serif;font-size:11px;font-weight:700;color:var(--kllc-purple)}.learner-shell .job-meta .dot{display:inline-block;width:4px;height:4px;border-radius:99px;background:currentColor;margin:0 2px}.learner-shell .job-quest{margin-top:auto;padding-top:12px;border-top:1px dashed var(--kllc-border);font-family:Kanit,sans-serif;font-weight:300;font-size:12px;color:var(--kllc-muted);line-height:1.6}.learner-shell .job-quest .icon{display:inline-block;font-family:Jost,sans-serif;font-weight:800;color:var(--kllc-orange);margin-right:4px}.learner-shell .job-card.cleared .job-quest .icon{color:#1e9e54}.learner-shell .job-progress{display:flex;align-items:center;gap:10px;margin:8px 0 2px;font-family:Jost,sans-serif;font-weight:800;font-size:12px;color:var(--kllc-orange)}.learner-shell .job-progress .bar{flex:1;height:8px;background:#fff;border-radius:99px;overflow:hidden;border:1px solid var(--kllc-border)}.learner-shell .job-progress .bar>div{height:100%;background:linear-gradient(90deg,var(--kllc-orange),var(--kllc-pink))}.learner-shell .branches-section{margin-top:4px}.learner-shell .branches-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.learner-shell .branches-head .label{font-family:Jost,sans-serif;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:6px 14px;border-radius:99px;background:var(--kllc-purple-soft);color:var(--kllc-purple)}.learner-shell .branches-head .hint{font-family:Kanit,sans-serif;font-weight:300;font-size:12px;color:var(--kllc-muted)}.learner-shell .branches-head .hint b{color:var(--kllc-purple);font-weight:600}.learner-shell .branches{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media(max-width:980px){.learner-shell .branches{grid-template-columns:1fr 1fr}}@media(max-width:640px){.learner-shell .branches{grid-template-columns:1fr}}.learner-shell .loadout{margin-top:22px;display:grid;gap:14px;grid-template-columns:1fr 1fr}@media(max-width:720px){.learner-shell .loadout{grid-template-columns:1fr}}.learner-shell .loadout-card{background:var(--kllc-surface);border-radius:18px;padding:16px 18px}.learner-shell .loadout-card h4{font-family:Jost,sans-serif;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--kllc-purple);margin:0 0 12px;display:flex;justify-content:space-between;align-items:baseline;gap:10px}.learner-shell .loadout-card h4 span{font-family:Kanit,sans-serif;font-weight:300;font-size:11px;color:var(--kllc-muted);letter-spacing:0;text-transform:none}.learner-shell .skill-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:99px;background:#fff;border:1px solid var(--kllc-border);font-family:Kanit,sans-serif;font-weight:500;font-size:12px;color:var(--fg-1);margin:0 6px 6px 0}.learner-shell .skill-chip .lvl{font-family:Jost,sans-serif;font-weight:800;font-size:10px;padding:2px 6px;border-radius:6px;background:var(--kllc-orange-soft);color:var(--kllc-orange)}.learner-shell .skill-chip.locked{opacity:.55}.learner-shell .skill-chip.locked .lvl{background:var(--kllc-border);color:var(--kllc-muted)}.learner-shell .mastery{margin-top:22px;padding:22px 26px;display:grid;gap:22px;grid-template-columns:minmax(0,1fr) minmax(220px,280px);align-items:center}@media(max-width:900px){.learner-shell .mastery{grid-template-columns:1fr}}.learner-shell .mastery-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.learner-shell .mastery-head h2{font-family:Kanit,sans-serif;font-weight:600;font-size:18px;margin:4px 0 0}.learner-shell .mastery-ladder{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.learner-shell .ml-step{padding:14px 12px 12px;border-radius:14px;background:var(--kllc-surface);border:1px solid transparent;position:relative}.learner-shell .ml-step.done{background:#2ecc711f;border-color:#2ecc7152}.learner-shell .ml-step.current{background:linear-gradient(135deg,var(--kllc-orange-soft),white);border-color:var(--kllc-orange);box-shadow:0 14px 24px -14px #ff660073}.learner-shell .ml-step .step-no{font-family:Jost,sans-serif;font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--kllc-muted)}.learner-shell .ml-step .step-name{display:block;margin-top:2px;font-family:Kanit,sans-serif;font-weight:500;font-size:13px;color:var(--fg-1);line-height:1.3}.learner-shell .ml-step .step-tag{display:inline-block;margin-top:6px;font-family:Jost,sans-serif;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:2px 7px;border-radius:99px;background:#fff;color:var(--kllc-muted)}.learner-shell .ml-step.done .step-tag{background:#2ecc712e;color:#1e9e54}.learner-shell .ml-step.current .step-tag{background:var(--kllc-orange);color:#fff}.learner-shell .mastery-side{background:var(--kllc-surface);border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:6px}.learner-shell .mastery-side .next-up{font-family:Jost,sans-serif;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--kllc-purple)}.learner-shell .mastery-side .title{font-family:Kanit,sans-serif;font-weight:500;font-size:15px;color:var(--fg-1);line-height:1.35}.learner-shell .mastery-side .help{font-family:Kanit,sans-serif;font-weight:300;font-size:11px;color:var(--kllc-muted);line-height:1.5}.learner-shell .mastery-side .progress{display:flex;align-items:center;gap:8px;margin-top:4px}.learner-shell .mastery-side .progress .bar{flex:1;height:6px;background:#fff;border-radius:99px;overflow:hidden}.learner-shell .mastery-side .progress .bar>div{height:100%;background:linear-gradient(90deg,var(--kllc-orange),var(--kllc-pink));width:64%}.learner-shell .mastery-side .progress span{font-family:Jost,sans-serif;font-weight:800;font-size:11px;color:var(--kllc-orange)}.learner-shell .skills-row{margin-top:22px;display:grid;gap:18px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}@media(max-width:980px){.learner-shell .skills-row{grid-template-columns:1fr}}.learner-shell .radar-card{padding:24px}.learner-shell .radar-card .head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.learner-shell .legend{display:flex;gap:14px;font-family:Jost,sans-serif;font-size:11px;font-weight:700}.learner-shell .legend>span{display:inline-flex;align-items:center;gap:5px}.learner-shell .legend .dot{display:inline-block;width:10px;height:10px;border-radius:99px}.learner-shell .radar-mode{display:inline-flex;align-items:center;gap:4px;background:var(--kllc-surface);border-radius:99px;padding:4px;margin-top:12px}.learner-shell .radar-mode button{padding:6px 14px;border-radius:99px;background:transparent;border:0;font-family:Kanit,sans-serif;font-weight:500;font-size:12px;color:var(--fg-1);transition:background .15s,color .15s;white-space:nowrap;cursor:pointer}.learner-shell .radar-mode button:hover{color:var(--kllc-purple)}.learner-shell .radar-mode button.on{background:var(--kllc-purple);color:#fff;box-shadow:0 8px 18px -8px #5f379580}.learner-shell .radar-frame{width:100%;max-width:360px;margin:8px auto 0;aspect-ratio:1;padding:28px 18px;position:relative}.learner-shell .radar-frame svg{width:100%;height:100%;overflow:visible}.learner-shell .radar-tip{position:absolute;z-index:5;pointer-events:none;background:var(--fg-1);color:#fff;padding:10px 12px;border-radius:12px;box-shadow:0 18px 30px -10px #24083f80;min-width:160px;opacity:0;transform:translate(-50%,calc(-100% - 12px)) scale(.95);transition:opacity .15s ease,transform .15s ease;font-family:Kanit,sans-serif;font-size:12px}.learner-shell .radar-tip.on{opacity:1;transform:translate(-50%,calc(-100% - 12px)) scale(1)}.learner-shell .radar-tip:after{content:"";position:absolute;left:50%;bottom:-5px;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:var(--fg-1)}.learner-shell .radar-tip .name{font-family:Jost,sans-serif;font-weight:800;font-size:13px;letter-spacing:.04em;margin-bottom:6px}.learner-shell .radar-tip .vals{display:grid;gap:4px;grid-template-columns:auto 1fr auto;align-items:center}.learner-shell .radar-tip .swatch{width:8px;height:8px;border-radius:99px}.learner-shell .radar-tip .lbl{font-family:Jost,sans-serif;font-weight:600;font-size:11px;color:var(--fg-on-dark-muted)}.learner-shell .radar-tip .v{font-family:Jost,sans-serif;font-weight:800;font-size:12px}.learner-shell .radar-tip .source-tag{display:inline-block;margin-top:4px;font-family:Jost,sans-serif;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:2px 8px;border-radius:99px;background:#ffffff2e;color:var(--fg-on-dark-muted)}.learner-shell .radar-tip .source-tag.none{background:#f39c124d;color:#ffb37a}.learner-shell .hit-dot{fill:transparent;cursor:pointer;transition:fill .15s}.learner-shell .hit-dot:hover{fill:#ff66002e}.learner-shell .gain{margin-top:8px;display:flex;justify-content:center;gap:12px}.learner-shell .gain-pill{background:var(--kllc-orange-soft);color:var(--kllc-orange);padding:6px 14px;border-radius:99px;font-family:Jost,sans-serif;font-weight:700;font-size:13px}.learner-shell .skill-list-card{padding:24px}.learner-shell .skill-list-card .head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.learner-shell .skill-row{padding:14px 0;border-bottom:1px dashed var(--kllc-border)}.learner-shell .skill-row:last-child{border-bottom:0}.learner-shell .skill-row .top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.learner-shell .skill-row .name{font-family:Kanit,sans-serif;font-weight:500;font-size:15px;color:var(--fg-1)}.learner-shell .skill-row .pct{font-family:Jost,sans-serif;font-weight:800;font-size:16px;color:var(--fg-1)}.learner-shell .skill-row .meta{font-family:Kanit,sans-serif;font-weight:300;font-size:11px;color:var(--kllc-muted);margin-top:4px}.learner-shell .skill-row .meta b{color:var(--kllc-success-deep);font-family:Jost,sans-serif;font-weight:800}.learner-shell .skill-row .meta b.gap{color:var(--kllc-orange-deep)}.learner-shell .skill-row .meta b.surplus{color:var(--kllc-success-deep)}.learner-shell .target-context{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.learner-shell .target-chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 12px;border-radius:99px;background:var(--kllc-purple-soft);color:var(--kllc-purple);font-family:Kanit,sans-serif;font-size:12px;font-weight:500;border:1px solid rgba(95,55,149,.14)}.learner-shell .target-chip.urgent{background:var(--kllc-orange-soft);color:var(--kllc-orange-deep);border-color:#ff660038}.learner-shell .bar{position:relative;height:10px;background:#f0edf5;border-radius:99px;overflow:hidden}.learner-shell .bar-pre{position:absolute;left:0;top:0;bottom:0;background:#5f379559;border-radius:99px}.learner-shell .bar-post{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--kllc-orange),var(--kllc-pink));border-radius:99px}.learner-shell .more-btn{margin-top:12px;font-family:Jost,sans-serif;font-weight:600;color:var(--kllc-purple);background:transparent;border:0;display:inline-flex;align-items:center;gap:6px}.learner-shell .lh-row{margin-top:24px}.learner-shell .lh-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:14px}.learner-shell .lh-tabs{display:flex;gap:6px;background:#fff;border:1px solid var(--kllc-border);padding:4px;border-radius:99px}.learner-shell .lh-tab{padding:6px 14px;border-radius:99px;background:transparent;border:0;font-family:Kanit,sans-serif;font-weight:500;font-size:12px;color:var(--fg-1)}.learner-shell .lh-tab.on{background:var(--kllc-orange);color:#fff;box-shadow:var(--shadow-orange)}.learner-shell .lh-grid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}@media(max-width:980px){.learner-shell .lh-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.learner-shell .lh-grid{grid-template-columns:1fr}}.learner-shell .lh-card{padding:18px;display:flex;flex-direction:column;gap:10px}.learner-shell .lh-card .badge-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.learner-shell .lh-card .lvl{font-family:Jost,sans-serif;font-weight:800;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--kllc-purple)}.learner-shell .lh-card h4{font-family:Kanit,sans-serif;font-weight:500;font-size:15px;line-height:1.3;color:var(--fg-1);margin:0;min-height:40px}.learner-shell .lh-card .desc{font-family:Kanit,sans-serif;font-weight:300;font-size:12px;color:var(--kllc-muted);line-height:1.55}.learner-shell .lh-progress{display:flex;align-items:center;gap:10px;font-family:Jost,sans-serif;font-size:11px;font-weight:700;color:var(--kllc-muted)}.learner-shell .lh-progress .bar{flex:1;height:6px}.learner-shell .lh-actions{display:flex;gap:8px;margin-top:auto;padding-top:6px}.learner-shell .lh-actions .btn{height:34px;padding:0 14px;font-size:12px}.learner-shell .cp-card{margin-top:24px;padding:26px}.learner-shell .cp-grid{margin-top:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}@media(max-width:980px){.learner-shell .cp-grid{grid-template-columns:1fr}}.learner-shell .cp-item{padding:16px 18px;background:var(--kllc-surface);border-radius:18px;border:1px solid transparent;display:flex;flex-direction:column;gap:8px;transition:background .15s,border-color .15s,transform .15s}.learner-shell .cp-item:hover{background:#fff;border-color:var(--kllc-orange);transform:translateY(-2px)}.learner-shell .cp-item .top{display:flex;justify-content:space-between;align-items:baseline}.learner-shell .cp-item .role{font-family:Jost,sans-serif;font-weight:700;font-size:15px;color:var(--fg-1)}.learner-shell .cp-item .fit{font-family:Jost,sans-serif;font-weight:800;color:var(--kllc-orange);font-size:18px}.learner-shell .cp-item .fit small{font-family:Kanit,sans-serif;font-weight:300;font-size:10px;color:var(--kllc-muted);margin-left:3px}.learner-shell .cp-item .gap{display:flex;gap:6px;align-items:center;font-family:Kanit,sans-serif;font-size:12px;color:var(--kllc-muted)}.learner-shell .cp-item .gap b{background:var(--kllc-orange-soft);color:var(--kllc-orange);font-family:Jost,sans-serif;font-weight:800;padding:2px 8px;border-radius:6px;font-size:11px}.learner-shell .cp-item .fit-bar{height:6px;background:var(--kllc-border);border-radius:99px;overflow:hidden}.learner-shell .cp-item .fit-bar>div{height:100%;background:linear-gradient(90deg,var(--kllc-orange),var(--kllc-pink))}.learner-shell .vc-card{margin-top:24px;padding:26px}.learner-shell .vc-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px}.learner-shell .vc-head .actions{display:flex;gap:10px;flex-wrap:wrap}.learner-shell .vc-grid{margin-top:16px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}@media(max-width:980px){.learner-shell .vc-grid{grid-template-columns:1fr}}.learner-shell .vc-item{padding:18px;background:var(--kllc-surface);border-radius:18px;border:1px solid var(--kllc-border);display:flex;flex-direction:column;gap:8px}.learner-shell .vc-item .top{display:flex;justify-content:space-between;align-items:center}.learner-shell .vc-item .type{font-family:Jost,sans-serif;font-weight:800;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--kllc-purple)}.learner-shell .vc-item h5{font-family:Kanit,sans-serif;font-weight:500;margin:0;font-size:15px;line-height:1.3;color:var(--fg-1)}.learner-shell .vc-item .source{font-family:Kanit,sans-serif;font-weight:300;font-size:11px;color:var(--kllc-muted)}.learner-shell .vc-item .footer-row{margin-top:auto;padding-top:8px;display:flex;justify-content:space-between;align-items:center;border-top:1px dashed var(--kllc-border)}.learner-shell .vc-item .qr{width:36px;height:36px;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#fff;padding:3px;border-radius:4px}.learner-shell .vc-item .qr span{background:var(--fg-1)}.learner-shell .vc-item .qr span.off{background:transparent}.learner-shell .foot{margin:28px 0 60px;padding:26px;background:linear-gradient(135deg,#1a0530,#2f0a52,#5f3795);border-radius:24px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;position:relative;overflow:hidden}.learner-shell .foot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 15% 50%,rgba(255,102,0,.22),transparent 35%),radial-gradient(circle at 90% 80%,rgba(238,52,104,.32),transparent 38%)}.learner-shell .foot>*{position:relative;z-index:1}.learner-shell .foot h3{font-family:Kanit,sans-serif;font-weight:600;font-size:20px;line-height:1.3;margin:0}.learner-shell .foot p{margin:6px 0 0;max-width:460px;font-family:Kanit,sans-serif;font-weight:400;font-size:13px;line-height:1.7;color:var(--fg-on-dark-soft)}.learner-shell .foot .actions{display:flex;gap:10px;flex-wrap:wrap}.learner-shell .ai-fab{position:fixed;right:24px;bottom:24px;z-index:70;width:64px;height:64px;border-radius:99px;border:0;background:linear-gradient(135deg,var(--kllc-orange),var(--kllc-pink));box-shadow:0 22px 40px -10px #ff66008c;display:grid;place-items:center}.learner-shell .ai-fab img{width:50px;height:50px;object-fit:contain}.learner-shell .ai-fab:after{content:"";position:absolute;top:-8px;right:-8px;width:26px;height:26px;border-radius:99px;background:#ee346866;animation:aiping 1.6s ease-out infinite}@keyframes aiping{0%{transform:scale(.55);opacity:.8}to{transform:scale(1.5);opacity:0}}.learner-shell .ic{width:20px;height:20px}.learner-shell .payment-strip{margin-top:22px;padding:22px 24px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:18px;align-items:stretch}@media(max-width:900px){.learner-shell .payment-strip{grid-template-columns:1fr}}.learner-shell .payment-copy{display:grid;gap:12px;align-content:start}.learner-shell .payment-visual{min-height:120px;display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;padding:14px;border-radius:20px;background:radial-gradient(circle at 24% 26%,rgba(255,102,0,.16),transparent 42%),var(--kllc-purple-soft);border:1px solid color-mix(in oklch,var(--kllc-purple) 18%,var(--kllc-border))}.learner-shell .payment-visual .kllc-sprite{justify-self:center;align-self:center;transform:scale(1.08);filter:drop-shadow(0 12px 22px rgba(36,8,63,.18))}.learner-shell .payment-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.learner-shell .payment-step{min-height:64px;display:grid;align-content:center;gap:2px;padding:10px;border-radius:16px;background:#fff;border:1px solid var(--kllc-border);box-shadow:0 12px 28px -24px #24083f4d}.learner-shell .payment-step b{font-family:Jost,sans-serif;font-size:18px;color:var(--kllc-purple);line-height:1}.learner-shell .payment-step span{font-family:Kanit,sans-serif;font-size:11px;color:var(--kllc-muted)}@media(max-width:720px){.learner-shell .payment-visual,.learner-shell .payment-steps{grid-template-columns:1fr}}.learner-shell .payment-rule{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media(max-width:720px){.learner-shell .payment-rule{grid-template-columns:1fr}}.learner-shell .payment-mini{padding:13px;border-radius:16px;background:var(--kllc-surface);border:1px solid var(--kllc-border)}.learner-shell .payment-mini .k{display:block;font-family:Jost,sans-serif;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--kllc-muted)}.learner-shell .payment-mini .v{margin-top:4px;display:block;font-family:Kanit,sans-serif;font-size:13px;color:var(--fg-1);line-height:1.45}.learner-shell .wallet-card{display:grid;gap:12px;padding:18px;border-radius:20px;background:linear-gradient(135deg,var(--kllc-purple-soft),white 64%);border:1px solid color-mix(in oklch,var(--kllc-purple) 22%,var(--kllc-border))}.learner-shell .wallet-line{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-family:Kanit,sans-serif;color:var(--kllc-muted);font-size:13px}.learner-shell .wallet-line b{color:var(--fg-1);font-family:Jost,sans-serif;font-size:18px}.learner-shell .wallet-actions{display:flex;gap:8px;flex-wrap:wrap}.learner-shell .wallet-actions .btn{min-height:36px;padding:0 14px;font-size:12px}:root{--kllc-success-deep: #1E9E54}:root{--font-body: "Kanit", "Jost", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Kanit", "Jost", system-ui, sans-serif;--font-thai: "Kanit", "IBM Plex Sans Thai", system-ui, sans-serif}:root{--public-bg: #ffffff;--public-wash: #fff7ef;--public-panel: #ffffff;--public-ink: #1f1d21;--public-muted: #70687d;--public-purple: #5f3795;--public-purple-deep: #321058;--public-orange: #ff6600;--public-orange-soft: #fff2e8;--public-border: #eee6f5;--public-lavender: #fbf8ff;--public-shadow: 0 26px 58px -34px rgba(37, 16, 70, .46), 0 12px 26px -22px rgba(37, 16, 70, .28);--public-shadow-pop: 0 38px 86px -42px rgba(37, 16, 70, .58)}.public-shell *{box-sizing:border-box}.public-shell{margin:0;color:var(--public-ink);background:radial-gradient(740px 420px at 84% 2%,rgba(255,102,0,.12),transparent 62%),radial-gradient(840px 440px at 8% 12%,rgba(95,55,149,.1),transparent 64%),linear-gradient(180deg,#fff,#fff8f1 28%,#fff 52%,#fbf8ff);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}.public-shell a{color:inherit;text-decoration:none}.public-shell button,.public-shell input,.public-shell textarea,.public-shell select{font:inherit}.public-shell button{cursor:pointer}.public-shell img{display:block;max-width:100%}.public-shell h1,.public-shell h2,.public-shell h3,.public-shell p{margin-top:0}.public-shell h1,.public-shell h2,.public-shell h3{font-family:var(--font-thai)}.public-shell .wrap{width:min(1180px,calc(100% - 56px));margin:0 auto}.public-shell .thai{font-family:var(--font-thai)}.public-shell .kllc-sprite{display:block;width:72px;height:72px;background-image:url(/v2/assets/kllc-icon-sprite.svg);background-repeat:no-repeat;background-size:720px 720px;background-position:var(--sprite-x, 0) var(--sprite-y, 0)}.public-shell .icon-globe{--sprite-x: -614px;--sprite-y: -116px}.public-shell .icon-course{--sprite-x: -263px;--sprite-y: -455px}.public-shell .icon-verify{--sprite-x: -263px;--sprite-y: -10px}.public-shell .icon-chart{--sprite-x: -500px;--sprite-y: -455px}.public-shell .icon-certificate{--sprite-x: -147px;--sprite-y: -10px}.public-shell .site-header{position:sticky;top:0;z-index:30;background:#ffffffe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(95,55,149,.08)}.public-shell .topnav{min-height:84px;display:grid;grid-template-columns:150px minmax(420px,1fr) auto 40px;align-items:center;gap:18px}.public-shell .brand img{width:142px;height:auto}.public-shell .nav-links{display:flex;justify-content:center;gap:8px;font-family:var(--font-thai);font-size:clamp(14px,.9vw,15.5px);font-weight:700}.public-shell .nav-links>a{min-width:92px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 18px;background:#ffffffdb;border:1px solid rgba(36,8,63,.08);box-shadow:0 10px 22px -18px #24083f6b;white-space:nowrap}.public-shell .nav-links>a.active{background:var(--public-orange);color:#fff;border-color:var(--public-orange);box-shadow:0 18px 30px -22px #ff6600e6}.public-shell .nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;font-family:var(--font-thai);font-size:clamp(14px,.9vw,15.5px);font-weight:600;white-space:nowrap}.public-shell .login{color:var(--public-ink);font-weight:700}.public-shell .signup{min-height:40px;display:inline-flex;align-items:center;border-radius:999px;padding:0 20px;background:var(--public-purple);color:#fff;box-shadow:0 18px 34px -24px #5f3795e6;font-weight:700}.public-shell .lang{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:#fff;color:var(--public-orange);box-shadow:0 14px 28px -22px #24083f6b;overflow:hidden}.public-shell .lang .kllc-sprite{width:24px;height:24px;transform:scale(.33);transform-origin:center}.public-shell .page-hero{padding:64px 0 50px}.public-shell .hero-card{position:relative;overflow:hidden;min-height:340px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);gap:28px;align-items:center;border-radius:34px;padding:52px;background:radial-gradient(circle at 86% 10%,rgba(255,102,0,.22),transparent 32%),linear-gradient(135deg,#fffffffa,#fbf8ffdb),url(/v2/assets/home-update/hero-background.png) center / cover no-repeat;border:1px solid rgba(255,255,255,.78);box-shadow:var(--public-shadow-pop)}.public-shell .eyebrow{margin:0 0 10px;color:var(--public-orange);font-family:var(--font-display);font-size:22px;line-height:1;font-weight:600}.public-shell .page-title{max-width:760px;margin:0 0 16px;color:var(--public-purple-deep);font-size:clamp(38px,5vw,64px);line-height:1.08;font-weight:600}.public-shell .page-title span{color:var(--public-orange)}.public-shell .page-lead{max-width:660px;margin:0;color:#4f455c;font-family:var(--font-thai);font-size:18px;line-height:1.78}.public-shell .hero-metrics{display:grid;gap:12px}.public-shell .metric-card{border-radius:22px;background:#ffffffe0;border:1px solid rgba(95,55,149,.1);padding:18px;box-shadow:0 22px 48px -34px #24083f6b}.public-shell .metric-card strong{display:block;color:var(--public-orange);font-family:var(--font-display);font-size:28px;line-height:1}.public-shell .metric-card span{display:block;margin-top:8px;color:var(--public-muted);font-family:var(--font-thai);font-size:13px;line-height:1.4}.public-shell .section{padding:54px 0}.public-shell .section.soft{background:var(--public-lavender)}.public-shell .section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.public-shell .section-title{margin:0 0 8px;color:var(--public-purple-deep);font-family:var(--font-thai);font-size:clamp(30px,3.6vw,48px);line-height:1.12;font-weight:600}.public-shell .section-title span{color:var(--public-orange)}.public-shell .section-sub{margin:0;color:var(--public-muted);font-family:var(--font-thai);font-size:16px;line-height:1.72}.public-shell .pill-link,.public-shell .primary-btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 20px;background:var(--public-orange);color:#fff;border:0;font-family:var(--font-thai);font-weight:600;box-shadow:0 18px 32px -20px #ff6600e6}.public-shell .card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.public-shell .info-card,.public-shell .news-card,.public-shell .person-card,.public-shell .contact-card{border-radius:24px;background:#fff;border:1px solid rgba(95,55,149,.1);box-shadow:var(--public-shadow);overflow:hidden}.public-shell .info-card{padding:24px}.public-shell .info-card h3,.public-shell .news-body h3,.public-shell .person-body h3,.public-shell .contact-card h3{margin:0 0 10px;color:var(--public-purple-deep);font-family:var(--font-thai);font-size:22px;line-height:1.25;font-weight:600}.public-shell .info-card p,.public-shell .news-body p,.public-shell .person-body p,.public-shell .contact-card p{margin:0;color:#4f455c;font-family:var(--font-thai);font-size:14px;line-height:1.72}.public-shell .tag{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;padding:0 12px;margin-bottom:12px;background:var(--public-orange-soft);color:var(--public-orange);font-family:var(--font-thai);font-size:12px;font-weight:700}.public-shell .news-image,.public-shell .person-image{aspect-ratio:16 / 10;background:#2f134f;overflow:hidden}.public-shell .news-image img,.public-shell .person-image img{width:100%;height:100%;object-fit:cover}.public-shell .news-body,.public-shell .person-body{padding:20px}.public-shell .person-body strong{color:var(--public-orange);font-family:var(--font-thai);font-size:13px}.public-shell .people-search{min-width:min(360px,100%);display:grid;gap:8px;color:var(--public-purple-deep);font-family:var(--font-thai);font-size:13px;font-weight:700}.public-shell .people-search input{min-height:46px;width:100%;border:1px solid rgba(95,55,149,.16);border-radius:999px;padding:0 18px;background:#fff;color:var(--public-ink);box-shadow:0 18px 42px -32px #2510466b;outline:none}.public-shell .people-search input:focus{border-color:#ff6600b8;box-shadow:0 0 0 4px #ff66001f,0 18px 42px -32px #2510466b}.public-shell .people-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 18px}.public-shell .people-tab{min-height:42px;display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(95,55,149,.14);border-radius:999px;padding:0 15px;background:#ffffffe0;color:var(--public-purple-deep);font-family:var(--font-thai);font-size:13px;font-weight:700}.public-shell .people-tab strong{min-width:26px;height:26px;display:inline-grid;place-items:center;border-radius:50%;background:var(--public-lavender);color:var(--public-orange);font-family:var(--font-display);font-size:12px}.public-shell .people-tab.active{background:var(--public-orange);color:#fff;border-color:var(--public-orange);box-shadow:0 18px 32px -24px #ff6600db}.public-shell .people-tab.active strong{background:#fff;color:var(--public-orange)}.public-shell .people-summary{display:flex;justify-content:space-between;gap:16px;margin-bottom:20px;color:var(--public-muted);font-family:var(--font-thai);font-size:14px}.public-shell .people-groups{display:grid;gap:34px}.public-shell .people-group{border-radius:30px;padding:24px;background:#ffffffbd;border:1px solid rgba(95,55,149,.1);box-shadow:0 28px 64px -48px #25104675}.public-shell .people-group-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px}.public-shell .people-group-head .eyebrow{margin-bottom:6px;font-size:15px}.public-shell .people-group-head h2{margin:0;color:var(--public-purple-deep);font-size:clamp(24px,3vw,36px);line-height:1.15;font-weight:600}.public-shell .people-group-head>span{flex:0 0 auto;min-height:34px;display:inline-flex;align-items:center;border-radius:999px;padding:0 14px;background:var(--public-orange-soft);color:var(--public-orange);font-family:var(--font-thai);font-size:13px;font-weight:700}.public-shell .people-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.public-shell .leadership-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-shell .people-grid .person-card{display:grid;grid-template-rows:auto 1fr;min-height:100%;border-radius:22px;box-shadow:0 26px 52px -36px #25104680}.public-shell .people-grid .person-card.featured{grid-template-columns:minmax(220px,.58fr) 1fr;grid-template-rows:auto;align-items:stretch}.public-shell .people-grid .person-image{aspect-ratio:1 / 1.18;background:linear-gradient(135deg,#5f37951f,#ff66001a),#f5effb}.public-shell .people-grid .person-card.featured .person-image{aspect-ratio:auto;min-height:340px}.public-shell .people-grid .person-body{display:flex;flex-direction:column;min-height:176px;padding:18px}.public-shell .people-grid .person-card.featured .person-body{justify-content:center;padding:28px}.public-shell .people-grid .person-body h3{font-size:18px;line-height:1.28}.public-shell .people-grid .person-card.featured .person-body h3{font-size:26px}.public-shell .people-grid .person-body p{flex:1}.public-shell .person-email{display:inline-flex;align-items:center;width:fit-content;margin-top:16px;border-radius:999px;padding:7px 11px;background:var(--public-lavender);color:var(--public-purple);font-family:var(--font-body);font-size:12px;font-weight:700}.public-shell .empty-state{border-radius:26px;padding:32px;background:#fff;border:1px dashed rgba(95,55,149,.22);color:var(--public-muted);font-family:var(--font-thai);text-align:center}.public-shell .location-panel,.public-shell .mission-panel{position:relative;overflow:hidden;border-radius:32px;border:1px solid rgba(95,55,149,.1);background:#fff;box-shadow:var(--public-shadow-pop)}.public-shell .location-panel{min-height:360px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:28px;align-items:stretch;padding:28px}.public-shell .location-copy{display:flex;flex-direction:column;justify-content:center;padding:24px}.public-shell .location-address{display:grid;gap:6px;margin-top:24px;border-radius:22px;background:var(--public-lavender);border:1px solid rgba(95,55,149,.1);padding:20px;font-family:var(--font-thai)}.public-shell .location-address strong{color:var(--public-purple-deep);font-size:19px}.public-shell .location-address span{color:#4f455c;font-size:14px;line-height:1.65}.public-shell .location-map{position:relative;min-height:310px;border-radius:28px;overflow:hidden;background:linear-gradient(90deg,rgba(95,55,149,.08) 1px,transparent 1px) 0 0 / 42px 42px,linear-gradient(rgba(95,55,149,.08) 1px,transparent 1px) 0 0 / 42px 42px,radial-gradient(circle at 54% 44%,rgba(255,102,0,.2),transparent 0 90px,rgba(255,102,0,.08) 91px,transparent 150px),linear-gradient(135deg,#fff8f1,#f4edff)}.public-shell .location-map:before,.public-shell .location-map:after{content:"";position:absolute;border-radius:999px;background:#ffffffc7}.public-shell .location-map:before{width:75%;height:28px;left:-8%;top:30%;transform:rotate(-16deg)}.public-shell .location-map:after{width:62%;height:24px;right:-10%;bottom:26%;transform:rotate(20deg)}.public-shell .map-pin{position:absolute;left:52%;top:44%;width:62px;height:62px;border-radius:50% 50% 50% 8px;transform:translate(-50%,-50%) rotate(-45deg);background:var(--public-orange);box-shadow:0 22px 48px -18px #ff6600bf}.public-shell .map-pin:after{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:50%;background:#fff}.public-shell .map-card{position:absolute;right:24px;bottom:24px;display:grid;gap:4px;width:min(280px,calc(100% - 48px));border-radius:20px;background:#ffffffeb;border:1px solid rgba(255,255,255,.78);padding:18px;box-shadow:0 26px 58px -30px #24083f75;font-family:var(--font-thai)}.public-shell .map-card strong{color:var(--public-purple-deep);font-size:16px}.public-shell .map-card span{color:var(--public-muted);font-size:13px}.public-shell .mission-panel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(520px,1.2fr);gap:26px;align-items:center;padding:36px;background:radial-gradient(520px 280px at 92% 12%,rgba(255,102,0,.13),transparent 64%),linear-gradient(135deg,#fff,#fbf8ff)}.public-shell .mission-intro{padding-right:14px}.public-shell .mission-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.public-shell .mission-cards article{min-height:210px;display:flex;flex-direction:column;justify-content:space-between;border-radius:24px;background:#fff;border:1px solid rgba(95,55,149,.1);padding:20px;box-shadow:var(--public-shadow)}.public-shell .mission-cards span{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:var(--public-orange-soft);color:var(--public-orange);font-family:var(--font-display);font-size:14px;font-weight:700}.public-shell .mission-cards h3{margin:22px 0 8px;color:var(--public-purple-deep);font-size:20px;line-height:1.2}.public-shell .mission-cards p{margin:0;color:#4f455c;font-family:var(--font-thai);font-size:13px;line-height:1.65}.public-shell .timeline{display:grid;gap:14px}.public-shell .timeline-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;align-items:start;border-radius:22px;background:#fff;border:1px solid rgba(95,55,149,.1);padding:18px;box-shadow:var(--public-shadow)}.public-shell .timeline-year{color:var(--public-orange);font-family:var(--font-display);font-size:26px;font-weight:700}.public-shell .timeline-row h3{margin:0 0 6px;color:var(--public-purple-deep);font-size:19px}.public-shell .timeline-row p{margin:0;color:var(--public-muted);font-family:var(--font-thai);font-size:14px;line-height:1.65}.public-shell .contact-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);gap:24px;align-items:start}.public-shell .contact-stack{display:grid;gap:16px}.public-shell .contact-card{padding:22px}.public-shell .form-panel{border-radius:28px;background:#fff;border:1px solid rgba(95,55,149,.1);box-shadow:var(--public-shadow-pop);padding:24px}.public-shell .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.public-shell .field{display:grid;gap:6px;font-family:var(--font-thai)}.public-shell .field.full{grid-column:1 / -1}.public-shell .field label{color:var(--public-muted);font-size:12px;font-weight:600}.public-shell .field input,.public-shell .field textarea,.public-shell .field select{width:100%;min-height:48px;border:1px solid var(--public-border);border-radius:16px;background:#fff;color:var(--public-purple-deep);outline:0;padding:0 14px;font-family:var(--font-thai)}.public-shell .field textarea{min-height:132px;resize:vertical;padding-top:12px}.public-shell .field input:focus,.public-shell .field textarea:focus,.public-shell .field select:focus{border-color:var(--public-orange);box-shadow:0 0 0 4px #ff66001a}.public-shell .form-status{margin:14px 0 0;color:var(--public-muted);font-family:var(--font-thai);font-size:13px}.public-shell footer{background:#150326;color:#ffffffc7;padding:42px 0;font-family:var(--font-thai)}.public-shell .footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:34px}.public-shell .footer-logo{width:172px;margin-bottom:18px}.public-shell .footer-grid h4{margin:0 0 14px;font-size:15px;color:#ffffffeb}.public-shell .footer-grid p,.public-shell .footer-grid li{margin:0;font-size:13px;line-height:1.72}.public-shell .footer-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}.public-shell .copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:28px;padding-top:18px;color:#ffffff85;font-size:12px}@media(max-width:1120px){.public-shell .topnav{grid-template-columns:138px 1fr auto 40px}.public-shell .hero-card{grid-template-columns:1fr}.public-shell .hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.public-shell .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-shell .people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.public-shell .leadership-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-shell .contact-layout,.public-shell .location-panel,.public-shell .mission-panel{grid-template-columns:1fr}.public-shell .mission-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:920px){.public-shell .wrap{width:min(100% - 34px,1180px)}.public-shell .topnav{min-height:72px;grid-template-columns:132px 1fr 40px}.public-shell .nav-actions{gap:8px}.public-shell .login{display:none}.public-shell .page-hero{padding-top:34px}.public-shell .hero-card{padding:32px;border-radius:28px}.public-shell .hero-metrics{grid-template-columns:1fr}.public-shell .section-head{align-items:flex-start;flex-direction:column}.public-shell .people-search{width:100%}.public-shell .people-grid,.public-shell .leadership-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-shell .people-grid .person-card.featured{grid-template-columns:1fr}.public-shell .people-grid .person-card.featured .person-image{aspect-ratio:1 / 1.08;min-height:0}.public-shell .location-panel,.public-shell .mission-panel{border-radius:26px;padding:22px}.public-shell .location-copy{padding:8px}.public-shell .location-map{min-height:280px}.public-shell .mission-cards{grid-template-columns:1fr}.public-shell .mission-cards article{min-height:0}.public-shell .footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.public-shell .wrap{width:min(100% - 26px,1180px)}.public-shell .brand img{width:118px}.public-shell .topnav{grid-template-columns:1fr auto;gap:10px}.public-shell .nav-actions{display:none}.public-shell .page-title{font-size:34px}.public-shell .page-lead{font-size:15px}.public-shell .hero-card{padding:26px 20px}.public-shell .card-grid,.public-shell .footer-grid,.public-shell .form-grid{grid-template-columns:1fr}.public-shell .people-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.public-shell .people-tab{flex:0 0 auto}.public-shell .people-summary,.public-shell .people-group-head{align-items:flex-start;flex-direction:column}.public-shell .people-group{padding:18px;border-radius:24px}.public-shell .people-grid,.public-shell .leadership-grid{grid-template-columns:1fr}.public-shell .people-grid .person-image{aspect-ratio:1 / 1.08}.public-shell .person-email{max-width:100%;overflow:hidden;text-overflow:ellipsis}.public-shell .timeline-row{grid-template-columns:1fr}}.public-shell .nav-links{align-items:center}.public-shell .mobile-menu{display:none}.public-shell .nav-item{position:relative;display:inline-flex;align-items:center}.public-shell .nav-item:after{content:"";position:absolute;top:100%;left:-14px;right:-14px;height:16px;display:block}.public-shell .nav-trigger{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;border:1px solid rgba(36,8,63,.08);background:#ffffffdb;color:inherit;padding:0 18px;font-family:var(--font-thai);font-size:inherit;font-weight:700;white-space:nowrap;box-shadow:0 10px 22px -18px #24083f6b;cursor:pointer}.public-shell .nav-trigger.active,.public-shell .nav-trigger[aria-expanded=true]{color:#fff;background:var(--home-orange-2, var(--course-orange, var(--verify-orange, #ff6600)));border-color:var(--home-orange-2, var(--course-orange, var(--verify-orange, #ff6600)));box-shadow:0 18px 28px -20px #ff6600e6}.public-shell .nav-caret{width:7px;height:7px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:translateY(-2px) rotate(45deg)}.public-shell .dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;z-index:80;width:244px;display:grid;gap:4px;padding:10px;border-radius:22px;background:#fffffff5;border:1px solid rgba(95,55,149,.12);box-shadow:0 30px 70px -38px #24083f8c;transform:translate(-50%,8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}.public-shell .nav-item:hover .dropdown-menu,.public-shell .nav-item:focus-within .dropdown-menu,.public-shell .nav-item.is-open .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%);transition-delay:0s}.public-shell .dropdown-menu a,.public-shell .dropdown-menu button{width:100%;min-width:0!important;min-height:44px;display:flex!important;align-items:center!important;justify-content:flex-start!important;border:0!important;background:transparent;box-shadow:none!important;border-radius:16px!important;padding:0 16px!important;color:var(--home-title-deep, var(--course-purple-deep, var(--verify-purple-deep, #321058)));font-size:13px;font-family:var(--font-thai);line-height:1.15;text-align:left;white-space:nowrap;cursor:pointer}.public-shell .dropdown-menu a:hover,.public-shell .dropdown-menu a.active,.public-shell .dropdown-menu button:hover{color:var(--home-orange-2, var(--course-orange, var(--verify-orange, #ff6600)));background:#ff660017}.public-shell .drawer-scrim{display:none}@media(max-width:920px){.public-shell .site-header{position:sticky}.public-shell .topnav{grid-template-columns:40px auto!important;justify-content:flex-start;gap:12px}.public-shell .mobile-menu{border:0;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--home-orange-2, var(--course-orange, var(--verify-orange, #ff6600)));font-size:22px;box-shadow:0 14px 28px -22px #24083f6b}.public-shell .nav-links,.public-shell .nav-actions{display:none}.public-shell .drawer-scrim{display:flex;justify-content:flex-start}}.public-shell .drawer-panel{width:min(300px,82vw);height:100%;overflow-y:auto;background:var(--public-panel);border-right:1px solid var(--public-border);box-shadow:16px 0 48px #24083f29;padding:20px;display:flex;flex-direction:column;gap:6px}@media(prefers-reduced-motion:no-preference){.public-shell .drawer-panel{animation:mobile-nav-slide-in .2s ease}}@keyframes mobile-nav-slide-in{0%{transform:translate(-24px);opacity:.6}to{transform:translate(0);opacity:1}}.public-shell .drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.public-shell .drawer-title{font-family:var(--font-thai);font-size:1.05rem;font-weight:700;color:var(--public-purple-deep);margin:0}.public-shell .drawer-close{flex:0 0 auto;width:32px;height:32px;border:0;border-radius:999px;background:var(--public-orange-soft);color:var(--public-muted)}.public-shell .drawer-close:hover{background:var(--public-orange-soft);color:var(--public-orange)}.public-shell .drawer-nav-link{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:14px;color:var(--public-ink);font-family:var(--font-thai);font-weight:600;text-decoration:none}.public-shell .drawer-nav-link:hover{background:var(--public-orange-soft);color:var(--public-orange)}.public-shell .drawer-nav-link.active{background:var(--public-orange);color:#fff}.public-shell .drawer-nav-group-label{padding:14px 14px 4px;font-family:var(--font-thai);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--public-muted)}.public-shell .drawer-nav-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--public-border)}.public-shell .drawer-nav-divider{border:none;border-top:1px solid var(--public-border);margin:10px 0 2px}.public-shell .drawer-nav-link--sub{padding-left:30px;font-weight:500}.public-shell .drawer-nav-actions,.public-shell .drawer-nav-actions .nav-item,.public-shell .drawer-nav-actions .lang-menu,.public-shell .drawer-nav-actions .nav-search{width:100%}.public-shell .drawer-nav-actions .nav-item,.public-shell .drawer-nav-actions .lang-menu,.public-shell .drawer-nav-actions .nav-search{display:flex!important;flex-direction:column;align-items:stretch}.public-shell .drawer-nav-actions .nav-trigger,.public-shell .drawer-nav-actions .lang-menu__trigger{width:100%!important;justify-content:flex-start}.public-shell .drawer-nav-actions .nav-search__form{width:100%;cursor:text}.public-shell .drawer-nav-actions .nav-search__input{flex:1;width:auto;opacity:1;pointer-events:auto}.public-shell .drawer-nav-actions .nav-search__label{display:none}.public-shell .drawer-nav-actions .dropdown-menu,.public-shell .drawer-nav-actions .lang-menu__dropdown,.public-shell .drawer-nav-actions .nav-search__dropdown{position:static!important;width:100%!important;max-width:none!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;margin-top:6px;opacity:1!important;visibility:visible!important;pointer-events:auto!important;box-shadow:none;border:1px solid var(--public-border)}.public-shell .drawer-nav-actions .nav-item:not(.is-open) .dropdown-menu{display:none}@media(max-width:640px){.public-shell .topnav{grid-template-columns:40px auto!important;justify-content:flex-start}}@media(min-width:921px){.public-shell .nav-links{overflow:visible!important}.public-shell .nav-item{z-index:90}.public-shell .nav-item:hover,.public-shell .nav-item:focus-within,.public-shell .nav-item.is-open{z-index:95}}:root{--font-mono: "Jost", "Kanit", system-ui, sans-serif}:root{--course-bg: #ffffff;--course-wash: #fff7ef;--course-panel: #ffffff;--course-ink: #1f1d21;--course-muted: #70687d;--course-purple: #5f3795;--course-purple-deep: #321058;--course-orange: #ff6600;--course-orange-soft: #fff2e8;--course-border: #eee6f5;--course-shadow: 0 26px 58px -34px rgba(37, 16, 70, .46), 0 12px 26px -22px rgba(37, 16, 70, .28);--course-shadow-pop: 0 32px 72px -38px rgba(37, 16, 70, .56)}.public-shell .v2-courses *{box-sizing:border-box}.public-shell .v2-courses{margin:0;font-family:var(--font-body);color:var(--course-ink);background:var(--course-bg);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}.public-shell .v2-courses a{color:inherit;text-decoration:none}.public-shell .v2-courses button,.public-shell .v2-courses input,.public-shell .v2-courses select{font:inherit}.public-shell .v2-courses button{cursor:pointer}.public-shell .v2-courses img{display:block;max-width:100%}.public-shell .v2-courses h1,.public-shell .v2-courses h2,.public-shell .v2-courses h3,.public-shell .v2-courses p{margin-top:0}.public-shell .v2-courses h1,.public-shell .v2-courses h2,.public-shell .v2-courses h3{font-family:var(--font-display)}.public-shell .v2-courses .thai{font-family:var(--font-thai)}.public-shell .v2-courses .wrap{width:min(1180px,calc(100% - 56px));margin:0 auto}.public-shell .v2-courses .kllc-sprite{display:block;width:72px;height:72px;background-image:url(/v2/assets/kllc-icon-sprite.svg);background-repeat:no-repeat;background-size:720px 720px;background-position:var(--sprite-x, 0) var(--sprite-y, 0)}.public-shell .v2-courses .kllc-icon-calendar{--sprite-x: -500px;--sprite-y: -567px}.public-shell .v2-courses .kllc-icon-location{--sprite-x: -381px;--sprite-y: -338px}.public-shell .v2-courses .kllc-icon-course{--sprite-x: -263px;--sprite-y: -455px}.public-shell .v2-courses .kllc-icon-globe{--sprite-x: -614px;--sprite-y: -116px}.public-shell .v2-courses .page{min-height:100vh;overflow:hidden;background:radial-gradient(740px 420px at 84% 2%,rgba(255,102,0,.12),transparent 62%),radial-gradient(840px 440px at 8% 12%,rgba(95,55,149,.1),transparent 64%),linear-gradient(180deg,#fff,#fff8f1 28%,#fff 52%,#fbf8ff)}.public-shell .v2-courses .site-header{position:sticky;top:0;z-index:30;background:#ffffffdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(95,55,149,.08)}.public-shell .v2-courses .topnav{min-height:78px;display:grid;grid-template-columns:150px minmax(420px,1fr) auto;align-items:center;gap:18px}.public-shell .v2-courses .brand img{width:142px;height:auto}.public-shell .v2-courses .nav-links{display:flex;justify-content:center;gap:6px;font-family:var(--font-thai);font-size:13px;font-weight:500}.public-shell .v2-courses .nav-links a{min-height:34px;display:inline-flex;align-items:center;border-radius:999px;padding:0 16px;background:#ffffffc7;border:1px solid rgba(36,8,63,.08)}.public-shell .v2-courses .nav-links a.active{background:var(--course-orange);color:#fff;border-color:var(--course-orange);box-shadow:0 18px 30px -22px #ff6600e6}.public-shell .v2-courses .nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;font-family:var(--font-thai);font-size:13px;font-weight:600}.public-shell .v2-courses .login{color:var(--course-ink)}.public-shell .v2-courses .signup{min-height:36px;display:inline-flex;align-items:center;border-radius:999px;padding:0 18px;background:var(--course-purple);color:#fff;box-shadow:0 18px 34px -24px #5f3795e6}.public-shell .v2-courses .lang{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:#fff;color:var(--course-orange);box-shadow:0 14px 28px -22px #24083f6b;overflow:hidden}.public-shell .v2-courses .lang .kllc-sprite{width:24px;height:24px;transform:scale(.33);transform-origin:center}.public-shell .v2-courses .hero{position:relative;padding:70px 0 74px}.public-shell .v2-courses .hero-panel{min-height:330px;position:relative;overflow:hidden;border-radius:34px;background:linear-gradient(100deg,#fffffffa,#ffffffe0 48%,#ffffff3d 78%),url(/v2/assets/home-update/hero-background.png) center / cover no-repeat;box-shadow:var(--course-shadow-pop);border:1px solid rgba(255,255,255,.72)}.public-shell .v2-courses .hero-content{width:min(610px,58%);padding:54px 0 52px 58px}.public-shell .v2-courses .hero-kicker{margin:0 0 8px;color:var(--course-orange);font-family:var(--font-display);font-size:24px;font-weight:600;line-height:1.1}.public-shell .v2-courses .hero-title{margin:0 0 16px;color:var(--course-purple-deep);font-family:var(--font-thai);font-size:clamp(38px,4.5vw,58px);line-height:1.08;font-weight:600}.public-shell .v2-courses .hero-copy{max-width:520px;margin:0;color:#4d4159;font-family:var(--font-thai);font-size:17px;line-height:1.76}.public-shell .v2-courses .search-shell{position:relative;z-index:3;margin-top:-32px}.public-shell .v2-courses .search-panel{display:grid;grid-template-columns:minmax(260px,1.25fr) repeat(3,minmax(160px,.75fr)) auto;gap:12px;align-items:end;padding:18px;border-radius:26px;background:#fff;box-shadow:var(--course-shadow-pop);border:1px solid rgba(255,102,0,.16)}.public-shell .v2-courses .field{min-width:0}.public-shell .v2-courses .field label{display:block;margin:0 0 7px;color:var(--course-muted);font-family:var(--font-thai);font-size:12px;font-weight:500}.public-shell .v2-courses .control{position:relative;display:flex;align-items:center;min-height:50px;border-radius:16px;background:#faf8fd;border:1px solid var(--course-border);overflow:hidden}.public-shell .v2-courses .control input,.public-shell .v2-courses .control select{width:100%;min-width:0;border:0;outline:0;color:var(--course-purple-deep);background:transparent;padding:0 15px;font-family:var(--font-thai);font-size:15px;font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none}.public-shell .v2-courses .control select{padding-right:34px}.public-shell .v2-courses .control:after{content:"";position:absolute;right:15px;top:50%;width:8px;height:8px;border-right:2px solid var(--course-orange);border-bottom:2px solid var(--course-orange);transform:translateY(-68%) rotate(45deg);pointer-events:none}.public-shell .v2-courses .field-search .control:after{display:none}.public-shell .v2-courses .search-btn{min-height:50px;border:0;border-radius:999px;padding:0 28px;background:var(--course-orange);color:#fff;font-family:var(--font-thai);font-size:17px;font-weight:600;box-shadow:0 20px 32px -22px #ff6600eb}.public-shell .v2-courses .content{padding:78px 0 86px}.public-shell .v2-courses .results-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:24px}.public-shell .v2-courses .section-title{margin:0 0 8px;color:#272428;font-family:var(--font-thai);font-size:clamp(34px,4vw,52px);line-height:1.08;font-weight:600}.public-shell .v2-courses .section-title .orange{color:var(--course-orange)}.public-shell .v2-courses .section-sub{margin:0;color:var(--course-muted);font-family:var(--font-thai);font-size:17px;line-height:1.7}.public-shell .v2-courses .result-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.public-shell .v2-courses .count-pill,.public-shell .v2-courses .sort-pill{min-height:38px;display:inline-flex;align-items:center;border-radius:999px;padding:0 16px;font-family:var(--font-thai);font-size:14px;font-weight:600;white-space:nowrap}.public-shell .v2-courses .count-pill{background:var(--course-orange-soft);color:var(--course-orange)}.public-shell .v2-courses .sort-pill{border:1px solid var(--course-border);background:#fff;color:var(--course-purple-deep)}.public-shell .v2-courses .chip-row{display:flex;gap:10px;overflow-x:auto;padding:2px 0 30px;scrollbar-width:none}.public-shell .v2-courses .chip-row::-webkit-scrollbar{display:none}.public-shell .v2-courses .chip{border:1px solid var(--course-border);border-radius:999px;background:#fff;color:var(--course-muted);min-height:38px;padding:0 18px;font-family:var(--font-thai);font-weight:600;white-space:nowrap}.public-shell .v2-courses .chip.active{border-color:var(--course-orange);background:var(--course-orange);color:#fff}.public-shell .v2-courses .course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start}.public-shell .v2-courses .course-card{position:relative;min-width:0;background:var(--course-panel);border-radius:16px;box-shadow:var(--course-shadow);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}.public-shell .v2-courses .course-card:hover{transform:translateY(-4px);box-shadow:var(--course-shadow-pop)}.public-shell .v2-courses .course-card .card-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:16px}.public-shell .v2-courses .course-card .card-link:focus-visible{outline:3px solid var(--course-orange);outline-offset:2px}.public-shell .v2-courses .course-card .register{position:relative;z-index:2}.public-shell .v2-courses .detail-arrow{position:absolute;right:12px;bottom:12px;z-index:2;pointer-events:none;display:inline-flex;align-items:center;gap:8px}.public-shell .v2-courses .detail-arrow-label{background:#1f1d21e0;color:#fff;border-radius:999px;padding:6px 14px 8px;font-family:var(--font-thai);font-size:14px;font-weight:600;line-height:1;white-space:nowrap;opacity:0;transform:translate(6px);transition:opacity .18s ease,transform .18s ease}.public-shell .v2-courses .detail-arrow-icon{box-sizing:border-box;width:38px;height:38px;padding:9px;border-radius:50%;background:var(--course-purple);color:#fff;border:2px solid rgba(255,255,255,.85);box-shadow:0 4px 12px #25104659;transition:transform .18s ease}.public-shell .v2-courses .course-card:hover .detail-arrow-label,.public-shell .v2-courses .course-card:focus-within .detail-arrow-label{opacity:1;transform:translate(0)}.public-shell .v2-courses .course-card:hover .detail-arrow-icon,.public-shell .v2-courses .course-card:focus-within .detail-arrow-icon{transform:scale(1.08)}@media(prefers-reduced-motion:reduce){.public-shell .v2-courses .detail-arrow-label,.public-shell .v2-courses .detail-arrow-icon{transition:none;transform:none}}.public-shell .v2-courses .cover{position:relative;aspect-ratio:1544 / 1123;overflow:hidden;background:#2f134f}.public-shell .v2-courses .cover img{width:100%;height:100%;object-fit:cover}.public-shell .v2-courses .new-badge{position:absolute;top:14px;left:14px;z-index:2;border-radius:999px;background:var(--course-orange);color:#fff;padding:4px 14px 6px;font-family:var(--font-display);font-size:16px;line-height:1;font-weight:500}.public-shell .v2-courses .course-body{padding:13px 12px 14px}.public-shell .v2-courses .course-name{min-height:48px;margin:0 0 9px;color:#1f1d21;font-family:var(--font-display);font-size:19px;line-height:1.18;font-weight:700}.public-shell .v2-courses .level{min-height:26px;display:inline-flex;align-items:center;justify-content:center;min-width:102px;border-radius:999px;padding:0 18px 1px;border:1.5px solid #26b245;background:#fff;color:#26b245;font-family:var(--font-display);font-size:12px;font-weight:400}.public-shell .v2-courses .level.Advanced{border-color:var(--course-purple);color:var(--course-purple)}.public-shell .v2-courses .level.Intermediate{border-color:#e59b16;color:#c47a02}.public-shell .v2-courses .course-meta{display:grid;gap:9px;margin-top:14px;color:#1f1d21;font-family:var(--font-display);font-size:14px;line-height:1.38;font-weight:500}.public-shell .v2-courses .course-meta-row{display:grid;grid-template-columns:18px minmax(0,1fr);gap:7px;align-items:start}.public-shell .v2-courses .course-meta-icon{width:18px;height:18px;margin-top:1px;position:relative;overflow:hidden}.public-shell .v2-courses .course-meta-icon .kllc-sprite{position:absolute;left:50%;top:50%;width:72px;height:72px;transform:translate(-50%,-50%) scale(.25);transform-origin:center}.public-shell .v2-courses .course-meta-copy span{display:block}.public-shell .v2-courses .course-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:13px}.public-shell .v2-courses .price{color:var(--course-purple);font-family:var(--font-display);font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-shell .v2-courses .register{border:0;border-radius:999px;background:var(--course-purple);color:#fff;min-height:32px;padding:0 15px;font-family:var(--font-thai);font-size:13px;font-weight:600;white-space:nowrap}.public-shell .v2-courses .load-state{min-height:86px;display:grid;place-items:center;color:var(--course-muted);font-family:var(--font-thai);font-size:14px}.public-shell .v2-courses .loader{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;background:#fff;box-shadow:0 18px 42px -34px #25104680}.public-shell .v2-courses .loader:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--course-orange);box-shadow:18px 0 #ff660080,36px 0 #ff66003d}.public-shell .v2-courses .footer-cta{background:var(--course-purple-deep);color:#fff;padding:42px 0}.public-shell .v2-courses .footer-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.public-shell .v2-courses .footer-cta h2{margin:0;font-family:var(--font-thai);font-size:clamp(26px,3.5vw,44px);line-height:1.16;font-weight:600}.public-shell .v2-courses .footer-cta h2 span{color:var(--course-orange)}.public-shell .v2-courses .footer-btn{min-height:44px;display:inline-flex;align-items:center;border-radius:999px;padding:0 24px;background:var(--course-orange);color:#fff;font-family:var(--font-thai);font-weight:600;white-space:nowrap}.public-shell .v2-courses footer{background:#150326;color:#ffffffc7;padding:42px 0;font-family:var(--font-thai)}.public-shell .v2-courses .footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:34px}.public-shell .v2-courses .footer-logo{width:172px;margin-bottom:18px}.public-shell .v2-courses .footer-grid h4{margin:0 0 14px;font-size:15px;color:#ffffffeb}.public-shell .v2-courses .footer-grid p,.public-shell .v2-courses .footer-grid li{margin:0;font-size:13px;line-height:1.72}.public-shell .v2-courses .footer-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}@media(max-width:1200px){.public-shell .v2-courses .topnav{grid-template-columns:138px 1fr auto}.public-shell .v2-courses .nav-links{justify-content:flex-start;overflow-x:auto}.public-shell .v2-courses .search-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.public-shell .v2-courses .search-btn{grid-column:span 2}.public-shell .v2-courses .course-grid{grid-template-columns:repeat(3,minmax(240px,1fr))}}@media(max-width:920px){.public-shell .v2-courses .wrap{width:min(100% - 34px,1180px)}.public-shell .v2-courses .topnav{min-height:72px;grid-template-columns:132px 1fr}.public-shell .v2-courses .nav-links{display:none}.public-shell .v2-courses .nav-actions{gap:8px}.public-shell .v2-courses .login{display:none}.public-shell .v2-courses .hero{padding-top:32px;padding-bottom:98px}.public-shell .v2-courses .hero-panel{min-height:410px;border-radius:28px}.public-shell .v2-courses .hero-content{width:100%;padding:42px 28px 190px}.public-shell .v2-courses .search-shell{margin-top:-68px}.public-shell .v2-courses .results-head,.public-shell .v2-courses .footer-cta .wrap{align-items:flex-start;flex-direction:column}.public-shell .v2-courses .course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-shell .v2-courses .footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.public-shell .v2-courses .wrap{width:min(100% - 26px,1180px)}.public-shell .v2-courses .brand img{width:118px}.public-shell .v2-courses .topnav{grid-template-columns:1fr auto;gap:10px}.public-shell .v2-courses .signup{min-height:34px;padding:0 13px}.public-shell .v2-courses .lang{display:none}.public-shell .v2-courses .hero-content{padding:34px 22px 170px}.public-shell .v2-courses .hero-title{font-size:34px}.public-shell .v2-courses .hero-copy{font-size:15px}.public-shell .v2-courses .search-panel{grid-template-columns:1fr;padding:14px;border-radius:22px}.public-shell .v2-courses .search-btn{grid-column:auto}.public-shell .v2-courses .content{padding-top:60px}.public-shell .v2-courses .course-grid{grid-template-columns:1fr;gap:20px}.public-shell .v2-courses .course-name{min-height:auto}.public-shell .v2-courses .footer-grid{grid-template-columns:1fr}}:root{--cd-ink: #1f1d21;--cd-muted: #70687d;--cd-purple: #5f3795;--cd-purple-mid: #6b3bb1;--cd-purple-deep: #321058;--cd-purple-soft: #f4f0fb;--cd-orange: #ff6600;--cd-orange-deep: #e55c00;--cd-orange-soft: #fff2e8;--cd-border: #d8cde8;--cd-border-soft: #eee6f5;--cd-white: #ffffff;--font-mono: "Jost", "Kanit", system-ui, sans-serif}.public-shell .v2-course-detail *{box-sizing:border-box}.public-shell .v2-course-detail{font-family:var(--font-thai, "Kanit", sans-serif);color:var(--cd-ink);background:radial-gradient(740px 420px at 84% 2%,rgba(255,102,0,.08),transparent 62%),radial-gradient(840px 440px at 8% 12%,rgba(95,55,149,.07),transparent 64%),linear-gradient(180deg,#fff,#fff8f4 30%,#fff 55%,#fbf8ff);min-height:60vh;-webkit-font-smoothing:antialiased}.public-shell .v2-course-detail a{color:inherit;text-decoration:none}.public-shell .v2-course-detail img{display:block;max-width:100%}.public-shell .v2-course-detail h1,.public-shell .v2-course-detail h2,.public-shell .v2-course-detail h3,.public-shell .v2-course-detail p{margin-top:0}.public-shell .v2-course-detail .wrap{width:min(1180px,calc(100% - 56px));margin:0 auto}.public-shell .v2-course-detail .crumbs-bar{padding:16px 0;border-bottom:1px solid var(--cd-border-soft);background:#fff9}.public-shell .v2-course-detail .crumbs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;color:var(--cd-muted)}.public-shell .v2-course-detail .crumbs a{color:var(--cd-muted);transition:color .15s}.public-shell .v2-course-detail .crumbs a:hover{color:var(--cd-orange)}.public-shell .v2-course-detail .crumbs .sep{color:var(--cd-border)}.public-shell .v2-course-detail .crumbs .current{color:var(--cd-ink);font-weight:500}.public-shell .v2-course-detail .detail-outer{padding:44px 0 88px}.public-shell .v2-course-detail .detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 372px;gap:44px;align-items:start}.public-shell .v2-course-detail .detail-chips{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}.public-shell .v2-course-detail .chip-cat{display:inline-flex;align-items:center;border-radius:999px;padding:0 14px;min-height:28px;background:var(--cd-orange-soft);color:var(--cd-orange);font-size:12px;font-weight:600}.public-shell .v2-course-detail .chip-level{display:inline-flex;align-items:center;border-radius:999px;padding:0 14px;min-height:28px;border:1.5px solid;font-size:12px;font-weight:500}.public-shell .v2-course-detail .chip-level.Beginner{border-color:#26b245;color:#26b245}.public-shell .v2-course-detail .chip-level.Intermediate{border-color:#e59b16;color:#c47a02}.public-shell .v2-course-detail .chip-level.Advanced{border-color:var(--cd-purple);color:var(--cd-purple)}.public-shell .v2-course-detail .chip-level.Professional{border-color:var(--cd-purple-deep);color:var(--cd-purple-deep)}.public-shell .v2-course-detail .detail-title{margin:0 0 14px;color:var(--cd-purple-deep);font-family:var(--font-display, "Kanit", sans-serif);font-size:clamp(26px,3.2vw,40px);line-height:1.14;font-weight:700}.public-shell .v2-course-detail .detail-byline{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:20px;font-size:14px;color:var(--cd-muted);font-weight:500}.public-shell .v2-course-detail .byline-item{display:flex;align-items:center;gap:6px}.public-shell .v2-course-detail .byline-icon{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1}.public-shell .v2-course-detail .detail-desc{margin:0;color:#3a3546;font-size:16px;line-height:1.84}.public-shell .v2-course-detail .detail-section{margin-top:36px;padding-top:34px;border-top:1px solid var(--cd-border-soft)}.public-shell .v2-course-detail .section-heading{display:flex;align-items:center;gap:10px;margin:0 0 20px;color:var(--cd-purple-deep);font-family:var(--font-display, "Kanit", sans-serif);font-size:21px;font-weight:700}.public-shell .v2-course-detail .section-heading:before{content:"";flex-shrink:0;width:4px;height:20px;background:var(--cd-orange);border-radius:2px}.public-shell .v2-course-detail .outcomes-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.public-shell .v2-course-detail .outcome-item{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;background:var(--cd-purple-soft);font-size:14px;line-height:1.62;color:var(--cd-ink)}.public-shell .v2-course-detail .outcome-check{flex-shrink:0;margin-top:1px;width:18px;height:18px;border-radius:50%;background:var(--cd-orange);color:#fff;display:grid;place-items:center;font-size:9px;font-weight:700}.public-shell .v2-course-detail .agenda{display:grid;gap:0}.public-shell .v2-course-detail .agenda-week{margin:16px 0 4px;padding:9px 16px;background:linear-gradient(90deg,var(--cd-purple) 0%,var(--cd-purple-mid) 100%);color:#fff;border-radius:10px;font-size:13px;font-weight:600}.public-shell .v2-course-detail .agenda-item{display:grid;grid-template-columns:108px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid var(--cd-border-soft);align-items:start}.public-shell .v2-course-detail .agenda-item:last-child{border-bottom:0}.public-shell .v2-course-detail .agenda-time{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--cd-orange);padding-top:2px;white-space:nowrap}.public-shell .v2-course-detail .agenda-title{margin:0 0 3px;font-size:15px;font-weight:600;color:var(--cd-ink)}.public-shell .v2-course-detail .agenda-sub{margin:0;font-size:13px;color:var(--cd-muted);line-height:1.6}.public-shell .v2-course-detail .agenda-item.is-break .agenda-time{color:var(--cd-muted)}.public-shell .v2-course-detail .agenda-item.is-break .agenda-title{color:var(--cd-muted);font-weight:400;font-size:14px}.public-shell .v2-course-detail .instructor-card{display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:center;padding:20px 22px;background:#fff;border-radius:16px;border:1px solid var(--cd-border);box-shadow:0 8px 28px -18px #24083f24}.public-shell .v2-course-detail .instructor-avatar{width:72px;height:72px;border-radius:50%;background:var(--cd-purple-soft);display:grid;place-items:center;overflow:hidden;flex-shrink:0}.public-shell .v2-course-detail .instructor-avatar img{width:100%;height:100%;object-fit:cover}.public-shell .v2-course-detail .instructor-avatar .monogram{font-family:var(--font-display, "Kanit", sans-serif);font-size:22px;font-weight:700;color:var(--cd-purple)}.public-shell .v2-course-detail .instructor-name{margin:0 0 4px;font-size:17px;font-weight:600;color:var(--cd-ink)}.public-shell .v2-course-detail .instructor-role{margin:0;font-size:13px;color:var(--cd-muted);line-height:1.6}.public-shell .v2-course-detail .conditions-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.public-shell .v2-course-detail .conditions-list li{display:flex;align-items:flex-start;gap:10px;font-size:15px;color:var(--cd-ink);line-height:1.68}.public-shell .v2-course-detail .conditions-list li:before{content:"–";color:var(--cd-orange);font-weight:700;flex-shrink:0;margin-top:1px}.public-shell .v2-course-detail .detail-sidebar{position:sticky;top:96px}.public-shell .v2-course-detail .sidebar-card{background:#fff;border-radius:24px;box-shadow:0 26px 58px -34px #25104661,0 12px 26px -22px #2510462e;overflow:hidden;border:1px solid var(--cd-border-soft)}.public-shell .v2-course-detail .sidebar-cover{aspect-ratio:1544/1123;background:var(--cd-purple-deep);overflow:hidden}.public-shell .v2-course-detail .sidebar-cover img{width:100%;height:100%;object-fit:cover}.public-shell .v2-course-detail .sidebar-cover-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--cd-purple-deep) 0%,var(--cd-purple-mid) 100%);display:flex;align-items:center;justify-content:center}.public-shell .v2-course-detail .sidebar-cover-placeholder span{font-size:48px;opacity:.3}.public-shell .v2-course-detail .sidebar-body{padding:22px 20px 26px}.public-shell .v2-course-detail .sidebar-price{font-family:var(--font-display, "Kanit", sans-serif);font-size:32px;font-weight:700;color:var(--cd-purple-deep);line-height:1}.public-shell .v2-course-detail .sidebar-price small{font-size:15px;font-weight:400;color:var(--cd-muted);margin-left:3px}.public-shell .v2-course-detail .sidebar-free{font-size:24px;font-weight:700;color:#26b245}.public-shell .v2-course-detail .sidebar-deadline{margin:6px 0 20px;font-size:12px;color:var(--cd-muted)}.public-shell .v2-course-detail .btn-register{display:block;width:100%;min-height:48px;border:0;border-radius:999px;background:var(--cd-orange);color:#fff;font-size:16px;font-weight:700;box-shadow:0 18px 32px -22px #ff6600e0;margin-bottom:10px;transition:background .15s,box-shadow .15s;cursor:pointer}.public-shell .v2-course-detail .btn-register:hover{background:var(--cd-orange-deep);box-shadow:0 22px 36px -22px #e55c00e6}.public-shell .v2-course-detail .btn-register:disabled{opacity:.6;cursor:not-allowed}.public-shell .v2-course-detail .btn-wishlist{display:block;width:100%;min-height:44px;border:1.5px solid var(--cd-border);border-radius:999px;background:#fff;font-size:14px;font-weight:600;color:var(--cd-purple-deep);margin-bottom:20px;transition:border-color .15s,color .15s;cursor:pointer}.public-shell .v2-course-detail .btn-wishlist:hover,.public-shell .v2-course-detail .btn-wishlist.wished{border-color:var(--cd-orange);color:var(--cd-orange)}.public-shell .v2-course-detail .sidebar-divider{border:0;border-top:1px solid var(--cd-border-soft);margin:0 0 18px}.public-shell .v2-course-detail .sidebar-facts{display:grid;gap:14px}.public-shell .v2-course-detail .fact-row{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start}.public-shell .v2-course-detail .fact-icon{width:18px;height:18px;font-size:14px;line-height:18px;text-align:center;margin-top:2px;flex-shrink:0}.public-shell .v2-course-detail .fact-label{font-size:12px;color:var(--cd-muted);margin-bottom:2px}.public-shell .v2-course-detail .fact-value{font-size:14px;font-weight:600;color:var(--cd-ink);line-height:1.5}.public-shell .v2-course-detail .seats-section{display:flex;align-items:center;justify-content:space-between;padding:14px 0 10px;border-top:1px solid var(--cd-border-soft);margin-top:10px;font-size:13px}.public-shell .v2-course-detail .seats-label{color:var(--cd-muted)}.public-shell .v2-course-detail .seats-pill{border-radius:999px;padding:3px 12px 4px;background:var(--cd-orange-soft);color:var(--cd-orange);font-size:12px;font-weight:700}.public-shell .v2-course-detail .seats-bar{height:6px;border-radius:3px;background:var(--cd-border);overflow:hidden}.public-shell .v2-course-detail .seats-fill{height:100%;background:var(--cd-orange);border-radius:3px;transition:width 1s ease}.public-shell .v2-course-detail .footer-cta{background:var(--cd-purple-deep);color:#fff;padding:42px 0}.public-shell .v2-course-detail .footer-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.public-shell .v2-course-detail .footer-cta h2{margin:0;font-size:clamp(22px,3vw,38px);line-height:1.16;font-weight:600}.public-shell .v2-course-detail .footer-cta h2 span{color:var(--cd-orange)}.public-shell .v2-course-detail .footer-btn{min-height:44px;display:inline-flex;align-items:center;border-radius:999px;padding:0 24px;background:var(--cd-orange);color:#fff;font-weight:600;white-space:nowrap;text-decoration:none;flex-shrink:0}.public-shell .v2-course-detail .cd-state{padding:80px 0;text-align:center;font-size:16px;color:var(--cd-muted)}.public-shell .v2-course-detail .cd-error{color:#ee3468}@media(max-width:1100px){.public-shell .v2-course-detail .detail-layout{grid-template-columns:minmax(0,1fr) 336px;gap:32px}}@media(max-width:920px){.public-shell .v2-course-detail .detail-layout{grid-template-columns:1fr}.public-shell .v2-course-detail .detail-sidebar{position:static;order:-1}.public-shell .v2-course-detail .sidebar-card{max-width:480px}.public-shell .v2-course-detail .outcomes-grid{grid-template-columns:1fr}.public-shell .v2-course-detail .footer-cta .wrap{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.public-shell .v2-course-detail .detail-outer{padding:28px 0 64px}.public-shell .v2-course-detail .agenda-item{grid-template-columns:86px 1fr}.public-shell .v2-course-detail .wrap{width:min(100% - 26px,1180px)}}.search-shell .search-hero{padding:48px 0 36px}.search-shell .search-hero-inner{max-width:780px}.search-shell .search-input-wrap{margin-top:28px;display:flex;align-items:center;gap:12px;border-radius:999px;background:#fff;border:1px solid var(--public-border);padding:6px 6px 6px 22px;box-shadow:0 26px 58px -34px #2510466b;transition:border-color .18s,box-shadow .18s}.search-shell .search-input-wrap:focus-within{border-color:var(--public-orange);box-shadow:0 0 0 4px #ff66001a,0 26px 58px -34px #2510466b}.search-shell .search-icon{color:var(--public-orange);flex-shrink:0;width:22px;height:22px}.search-shell .search-input{flex:1;border:0;outline:0;background:transparent;color:var(--public-ink);font-family:var(--font-thai);font-size:17px;font-weight:500}.search-shell .search-input::placeholder{color:#b0a8bc}.search-shell .search-clear-btn{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--public-lavender);color:var(--public-muted);cursor:pointer;flex-shrink:0;transition:background .15s}.search-shell .search-clear-btn:hover{background:#eee6f5}.search-shell .search-submit-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:999px;padding:0 22px;background:var(--public-orange);color:#fff;font-family:var(--font-thai);font-size:14px;font-weight:700;box-shadow:0 18px 32px -20px #ff6600e6;flex-shrink:0;cursor:pointer;transition:background .15s,box-shadow .15s}.search-shell .search-submit-btn:hover{background:#e65c00}.search-shell .search-meta{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-family:var(--font-thai);font-size:14px;color:var(--public-muted)}.search-shell .search-query-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 12px;background:var(--public-orange-soft);color:var(--public-orange);font-weight:700;font-size:13px}.search-shell .search-count-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 12px;background:var(--public-lavender);color:var(--public-purple);font-weight:700;font-size:13px}.search-shell .search-filter-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin:-2px -4px -2px 0;border:0;border-radius:999px;padding:0;color:inherit;background:transparent;font-size:14px;line-height:1;cursor:pointer}.search-shell .search-filter-remove:hover,.search-shell .search-filter-remove:focus-visible{background:#0000001f;outline:0}.search-shell .search-results{padding-bottom:80px}.search-shell .search-section{margin-top:40px}.search-shell .search-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--public-border)}.search-shell .search-section-title{display:flex;align-items:center;gap:10px;color:var(--public-purple-deep);font-family:var(--font-thai);font-size:20px;font-weight:600;margin:0}.search-shell .search-section-count{min-height:26px;display:inline-flex;align-items:center;border-radius:999px;padding:0 10px;background:var(--public-orange-soft);color:var(--public-orange);font-size:12px;font-weight:700}.search-shell .search-view-all{display:inline-flex;align-items:center;gap:5px;color:var(--public-orange);font-family:var(--font-thai);font-size:13px;font-weight:700;text-decoration:none;flex-shrink:0}.search-shell .search-view-all:hover{text-decoration:underline}.search-shell .course-result-grid{display:grid;gap:14px}.search-shell .course-result-card{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;border-radius:24px;background:#fff;border:1px solid var(--public-border);box-shadow:var(--public-shadow);overflow:hidden;text-decoration:none;color:inherit;transition:border-color .18s,box-shadow .18s,transform .18s}.search-shell .course-result-card:hover{border-color:var(--public-orange);box-shadow:var(--public-shadow-pop);transform:translateY(-2px)}.search-shell .course-result-art{position:relative;min-height:120px;overflow:hidden}.search-shell .course-result-art img{width:100%;height:100%;object-fit:cover}.search-shell .course-result-body{padding:16px 18px 16px 0;display:flex;flex-direction:column;gap:6px}.search-shell .course-result-tag{display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;background:var(--public-orange-soft);color:var(--public-orange);font-size:11px;font-weight:700;width:fit-content}.search-shell .course-result-title{margin:0;color:var(--public-purple-deep);font-family:var(--font-thai);font-size:16px;font-weight:600;line-height:1.35}.search-shell .course-result-meta{margin:0;color:var(--public-muted);font-family:var(--font-thai);font-size:13px;line-height:1.5}.search-shell .course-result-price{margin-top:auto;color:var(--public-purple-deep);font-family:var(--font-display);font-size:15px;font-weight:700}.search-shell .result-list{display:grid;gap:10px}.search-shell .result-card{display:flex;align-items:center;gap:14px;border-radius:18px;background:#fff;border:1px solid var(--public-border);box-shadow:var(--public-shadow);padding:14px 18px;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.search-shell .result-card:hover{border-color:var(--public-orange);box-shadow:var(--public-shadow-pop)}.search-shell .result-card-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:var(--public-orange-soft);color:var(--public-orange);flex-shrink:0}.search-shell .result-card-body{flex:1;min-width:0}.search-shell .result-card-title{margin:0 0 3px;color:var(--public-purple-deep);font-family:var(--font-thai);font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-shell .result-card-sub{margin:0;color:var(--public-muted);font-family:var(--font-thai);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-shell .result-card-arrow{color:var(--public-muted);flex-shrink:0;width:16px;height:16px}.search-shell .search-initial{margin-top:40px;text-align:center;padding:60px 24px}.search-shell .search-initial-icon{width:64px;height:64px;margin:0 auto 18px;display:grid;place-items:center;border-radius:22px;background:var(--public-orange-soft);color:var(--public-orange)}.search-shell .search-initial-title{margin:0 0 8px;color:var(--public-purple-deep);font-family:var(--font-thai);font-size:22px;font-weight:600}.search-shell .search-initial-sub{margin:0;color:var(--public-muted);font-family:var(--font-thai);font-size:15px;line-height:1.65}.search-shell .search-loading{margin-top:40px}.search-shell .search-skeleton{height:80px;border-radius:18px;background:linear-gradient(90deg,#f4edff 25%,#fbf8ff,#f4edff 75%);background-size:200% 100%;animation:skeleton-sweep 1.4s ease-in-out infinite}@keyframes skeleton-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.search-shell .search-empty{margin-top:40px;border-radius:26px;padding:48px 24px;background:#fff;border:1px dashed rgba(95,55,149,.2);text-align:center}.search-shell .search-empty-icon{color:var(--public-muted);width:36px;height:36px;margin:0 auto 14px}.search-shell .search-empty-title{margin:0 0 6px;color:var(--public-purple-deep);font-family:var(--font-thai);font-size:20px;font-weight:600}.search-shell .search-empty-sub{margin:0;color:var(--public-muted);font-family:var(--font-thai);font-size:14px;line-height:1.65}.search-shell .search-error{margin-top:24px;border-radius:18px;padding:16px 20px;background:#fff5f5;border:1px solid #fecdd3;color:#be123c;font-family:var(--font-thai);font-size:14px}.search-shell .popular-row{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.search-shell .popular-label{color:var(--public-muted);font-family:var(--font-thai);font-size:13px;flex-shrink:0}.search-shell .popular-chip{display:inline-flex;align-items:center;min-height:32px;border-radius:999px;padding:0 14px;background:#ffffffe0;border:1px solid var(--public-border);color:var(--public-ink);font-family:var(--font-thai);font-size:13px;cursor:pointer;transition:background .14s,border-color .14s,color .14s}.search-shell .popular-chip:hover{background:var(--public-orange-soft);border-color:var(--public-orange);color:var(--public-orange)}@media(max-width:780px){.search-shell .course-result-card{grid-template-columns:1fr}.search-shell .course-result-art{min-height:160px}.search-shell .course-result-body{padding:14px}}@media(max-width:640px){.search-shell .search-input-wrap{flex-wrap:wrap;border-radius:22px;padding:12px 14px;gap:8px}.search-shell .search-submit-btn{width:100%;min-height:42px}}.mc-hero{overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,440px);gap:24px;padding:28px;border-radius:28px;color:#fff;background:radial-gradient(420px 230px at 82% 14%,rgba(255,102,0,.55),transparent 68%),linear-gradient(120deg,#24083f,#5f3795 58%,#6b3bb1);box-shadow:0 18px 40px -34px #24083f66}@media(max-width:920px){.mc-hero{grid-template-columns:1fr;padding:22px}}.mc-hero h2{font-family:Kanit,sans-serif;font-weight:600;font-size:clamp(22px,3vw,30px);line-height:1.2;margin:6px 0 0;color:#fff}.mc-hero p{margin:12px 0 0;color:#ffffffc7;font-family:Kanit,sans-serif;line-height:1.72;font-size:14px}.mc-hero-cta{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.mc-btn-ghost-light{height:42px;padding:0 18px;border-radius:99px;font-size:14px;color:#fff;background:#ffffff29;border:1px solid rgba(255,255,255,.28)}.mc-hero-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-content:start}.mc-hero-stat{display:grid;gap:2px;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff1a}.mc-hero-stat span{color:#ffffffa8;font-family:Kanit,sans-serif;font-size:11.5px}.mc-hero-stat b{font-family:Jost,sans-serif;font-size:26px;color:#fff;line-height:1.1}.mc-hero-stat b em{font-size:13px;font-style:normal;color:#ffffffc7;font-family:Kanit,sans-serif}.mc-section{margin-top:22px}.mc-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}.mc-section-head h2{font-family:Kanit,sans-serif;font-size:24px;font-weight:600;line-height:1.2;margin:4px 0 0}.mc-section-head p{margin:6px 0 0;color:var(--kllc-muted, #6f6581);font-family:Kanit,sans-serif;font-size:13px;line-height:1.55}.mc-filter-tabs{display:flex;gap:6px;background:#fff;border:1px solid var(--kllc-border, #e8e3ef);border-radius:99px;padding:5px;box-shadow:0 12px 36px -24px #24083f2e;overflow-x:auto}.mc-filter-tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border:0;border-radius:99px;background:transparent;color:var(--kllc-muted, #6f6581);font-family:Kanit,sans-serif;font-weight:500;font-size:13px;cursor:pointer}.mc-filter-tab .count{min-width:20px;padding:0 6px;border-radius:99px;background:var(--kllc-surface, #f8f7fb);color:var(--kllc-muted, #6f6581);font-family:Jost,sans-serif;font-size:11px;line-height:18px;text-align:center}.mc-filter-tab.on{background:var(--kllc-purple, #5f3795);color:#fff;box-shadow:0 10px 20px -8px #5f379580}.mc-filter-tab.on .count{background:#ffffff38;color:#fff}.mc-course-list{display:grid;gap:14px}.mc-course-card{display:grid;grid-template-columns:108px minmax(0,1fr) auto;gap:18px;align-items:center;padding:16px;background:#fff;border:1px solid var(--kllc-border, #e8e3ef);border-radius:22px;box-shadow:0 12px 36px -24px #24083f2e}.mc-course-card.is-feature{border-color:#f606;box-shadow:inset 4px 0 0 var(--kllc-orange, #ff6600),0 12px 36px -24px #24083f2e}@media(max-width:720px){.mc-course-card{grid-template-columns:1fr;gap:14px}}.mc-thumb{width:108px;height:108px;border-radius:18px;position:relative;overflow:hidden;display:grid;place-items:center;color:#fff;font-family:Kanit,sans-serif;font-weight:600;font-size:13px;text-align:center;padding:8px}@media(max-width:720px){.mc-thumb{width:100%;height:120px}}.mc-thumb.t-0{background:linear-gradient(140deg,#5f3795,#24083f)}.mc-thumb.t-1{background:linear-gradient(140deg,#ee3468,#b0264c)}.mc-thumb.t-2{background:linear-gradient(140deg,#4c7bd9,#2a4c8f)}.mc-thumb.t-3{background:linear-gradient(140deg,#f60,#c24800)}.mc-thumb.t-4{background:linear-gradient(140deg,#6b3bb1,#ee3468)}.mc-thumb .code{position:absolute;top:8px;left:8px;font-family:Jost,monospace;font-size:9.5px;font-weight:400;letter-spacing:.04em;opacity:.82}.mc-course-main{min-width:0}.mc-course-main h3{font-family:Kanit,sans-serif;font-size:17px;font-weight:600;line-height:1.25;margin:0}.mc-course-meta{margin-top:6px;display:flex;gap:8px 14px;flex-wrap:wrap;color:var(--kllc-muted, #6f6581);font-family:Kanit,sans-serif;font-size:12px}.mc-course-meta .dot{width:4px;height:4px;border-radius:99px;background:var(--kllc-border, #e8e3ef);align-self:center}.mc-progress-wrap{margin-top:12px;display:flex;align-items:center;gap:12px}.mc-progress{flex:1;height:8px;border-radius:99px;background:var(--kllc-surface, #f8f7fb);overflow:hidden;border:1px solid var(--kllc-border, #e8e3ef)}.mc-progress>i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--kllc-orange, #ff6600),#ee3468)}.mc-progress-wrap b{font-family:Jost,sans-serif;font-size:12px;color:var(--fg-1, #241b2f);min-width:34px;text-align:right}.mc-course-side{display:grid;gap:10px;justify-items:end;align-content:center;min-width:156px}@media(max-width:720px){.mc-course-side{justify-items:stretch;min-width:0}}.mc-status{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 12px;border-radius:99px;font-family:Kanit,sans-serif;font-size:12px;font-weight:600}.mc-status:before{content:"";width:7px;height:7px;border-radius:99px;background:currentColor}.mc-status.progress-s{color:#c97a06;background:#f39c1229}.mc-status.done-s{color:#1e9e54;background:#2ecc7129}.mc-status.soon-s{color:var(--kllc-purple, #5f3795);background:var(--kllc-purple-soft, #f2ebf7)}.mc-next-line{color:var(--kllc-muted, #6f6581);font-family:Kanit,sans-serif;font-size:11.5px;text-align:right;line-height:1.4;max-width:180px}@media(max-width:720px){.mc-next-line{text-align:left;max-width:none}}.mc-btn-mini{min-height:36px;padding:0 14px;font-size:13px}.mc-empty{text-align:center;margin:24px auto;color:var(--kllc-muted, #6f6581);font-family:Kanit,sans-serif;font-size:14px}.mc-payload-badge{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 12px;border-radius:99px;background:#24083f;color:#fff;font-family:Kanit,sans-serif;font-size:12px;font-weight:500}.mc-payload-badge i{width:8px;height:8px;border-radius:99px;background:#2ecc71;box-shadow:0 0 0 4px #2ecc7138}.mc-rec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:980px){.mc-rec-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.mc-rec-grid{grid-template-columns:1fr}}.mc-rec-card{display:grid;gap:12px;padding:18px;background:#fff;border:1px solid var(--kllc-border, #e8e3ef);border-radius:22px;box-shadow:0 12px 36px -24px #24083f2e;align-content:start}.mc-rec-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.mc-rec-thumb{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff;font-family:Kanit,sans-serif;font-weight:700;font-size:16px}.mc-rec-score{text-align:right;font-family:Kanit,sans-serif}.mc-rec-score b{display:block;font-family:Jost,sans-serif;font-size:18px;color:var(--kllc-purple, #5f3795);line-height:1}.mc-rec-score span{font-size:10.5px;color:var(--kllc-muted, #6f6581)}.mc-rec-card h3{font-family:Kanit,sans-serif;font-size:16px;font-weight:600;line-height:1.28;margin:0}.mc-rec-provider{color:var(--kllc-muted, #6f6581);font-family:Kanit,sans-serif;font-size:12px;margin:2px 0 0}.mc-rec-why{display:grid;gap:6px;padding:12px;border-radius:14px;background:var(--kllc-purple-soft, #f2ebf7);border:1px solid rgba(95,55,149,.14)}.mc-rec-why .why-label{font-family:Jost,sans-serif;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--kllc-purple, #5f3795)}.mc-rec-why .why-text{font-family:Kanit,sans-serif;font-size:12px;line-height:1.5;color:var(--fg-2, #321058)}.mc-gap-pill{display:inline-flex;align-items:center;width:fit-content;min-height:24px;padding:0 10px;border-radius:99px;font-family:Kanit,sans-serif;font-size:11.5px;font-weight:600;color:var(--kllc-orange-deep, #cc5200);background:var(--kllc-orange-soft, #fff0e5);border:1px solid rgba(255,102,0,.28)}.mc-rec-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px}.mc-rec-price{font-family:Kanit,sans-serif}.mc-rec-price b{font-family:Jost,sans-serif;font-size:16px;color:var(--fg-1, #241b2f)}.mc-rec-price.free b{color:#1e9e54}.mc-rec-price span{display:block;font-size:10.5px;color:var(--kllc-muted, #6f6581)}.pp-page .pp-header{padding:22px 0 14px}.pp-page .pp-title{font-family:Kanit,sans-serif;font-weight:600;font-size:28px;color:var(--fg-2, #321058);margin:4px 0 0}.pp-page .pp-title .accent{color:var(--kllc-orange, #ff6600)}.pp-grid{display:grid;gap:22px;grid-template-columns:300px minmax(0,1fr);align-items:start;margin-bottom:48px}@media(max-width:1180px){.pp-grid{grid-template-columns:1fr}}.pp-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;min-width:0}.pp-summary{background:linear-gradient(160deg,#2a0e55,#5f3795 70%,#6b3bb1 130%);color:#fff;border-radius:22px;padding:24px;text-align:center;position:relative;overflow:hidden}.pp-summary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 80% 0%,rgba(255,102,0,.3),transparent 42%)}.pp-summary>*{position:relative;z-index:1}.pp-ava-lg{width:92px;height:92px;border-radius:30px;margin:4px auto 14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--kllc-orange, #ff6600),#ee3468);color:#fff;font-family:Jost,sans-serif;font-weight:700;font-size:30px;box-shadow:0 12px 30px -12px #ee3468b3}.pp-summary h2{margin:0;font-family:Kanit,sans-serif;font-size:20px;font-weight:600;color:#fff;overflow-wrap:anywhere}.pp-sid{font-family:Jost,sans-serif;font-size:12px;letter-spacing:.06em;opacity:.8;margin-top:4px;color:#fff;overflow-wrap:anywhere}.pp-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px}.pp-tags span{font-family:Kanit,sans-serif;font-size:12px;padding:5px 12px;border-radius:99px;background:#ffffff29;border:1px solid rgba(255,255,255,.22)}.pp-jump{margin-top:20px;display:grid;gap:8px;text-align:left}.pp-jump a{display:flex;align-items:center;gap:10px;font-family:Kanit,sans-serif;font-size:13px;padding:10px 16px;border-radius:99px;color:#fff;text-decoration:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);transition:background .15s}.pp-jump a:hover{background:#fff3}.pp-jump a:focus-visible{outline:3px solid #ffd9b8;outline-offset:2px}.pp-jump a svg{flex:none;opacity:.85}.pp-card{background:#fff;border:1px solid var(--kllc-border, #e8e3ef);border-radius:22px;box-shadow:0 18px 40px -34px #24083f66;padding:24px;scroll-margin-top:96px}.pp-card-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.pp-card-head .pp-ic{flex:none;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--kllc-purple, #5f3795),#6b3bb1);display:grid;place-items:center;color:#fff}.pp-card-head .pp-ic.orange{background:linear-gradient(135deg,var(--kllc-orange, #ff6600),#ee3468)}.pp-card-head h2{margin:0 0 2px;font-family:Kanit,sans-serif;font-weight:600;font-size:18px;color:var(--fg-2, #321058)}.pp-card-head p{margin:3px 0 0;font-family:Kanit,sans-serif;font-size:13px;color:var(--kllc-muted, #6f6581);line-height:1.5;max-width:60ch}.pp-card-foot{display:flex;align-items:center;gap:12px;margin-top:20px;flex-wrap:wrap}.pp-save-note{font-family:Kanit,sans-serif;font-size:12.5px;color:var(--kllc-muted, #6f6581)}.pp-hint-pill{display:inline-flex;align-items:center;gap:6px;font-family:Kanit,sans-serif;font-size:12.5px;color:var(--kllc-orange-deep, #cc5200);background:var(--kllc-orange-soft, #fff0e5);padding:6px 12px;border-radius:99px;margin-bottom:14px}.pp-chip-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.pp-chip{position:relative;text-align:left;cursor:pointer;border:2px solid var(--kllc-border, #e8e3ef);border-radius:16px;background:var(--kllc-surface, #f8f7fb);padding:14px 14px 13px;display:grid;gap:4px;transition:border-color .15s,background .15s,transform .12s}.pp-chip:hover{border-color:#c9b8e4;background:#fff;transform:translateY(-2px)}.pp-chip:focus-visible{outline:3px solid var(--kllc-orange, #ff6600);outline-offset:2px}.pp-chip .emoji{font-size:22px;line-height:1}.pp-chip .nm{font-family:Kanit,sans-serif;font-size:14px;font-weight:500;color:var(--fg-1, #241b2f)}.pp-chip .en{font-family:Jost,sans-serif;font-size:11px;color:var(--kllc-muted, #6f6581);font-weight:600;letter-spacing:.02em}.pp-chip[aria-pressed=true]{border-color:var(--kllc-orange, #ff6600);background:var(--kllc-orange-soft, #fff0e5)}.pp-chip[aria-pressed=true]:after{content:"";position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:99px;background:var(--kllc-orange, #ff6600);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.pp-chip[aria-pressed=true] .nm{color:var(--kllc-orange-deep, #cc5200);font-weight:600}.pp-skill-row{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--kllc-border, #e8e3ef)}.pp-skill-row:last-of-type{border-bottom:0}.pp-skill-row .si{flex:1;min-width:0}.pp-skill-row .si b{font-family:Kanit,sans-serif;font-size:14px;font-weight:500;color:var(--fg-1, #241b2f);display:block}.pp-skill-row .si .area{font-size:11px;color:var(--kllc-muted, #6f6581)}.pp-seg{display:inline-flex;border:1px solid var(--kllc-border, #e8e3ef);border-radius:10px;overflow:hidden;background:var(--kllc-surface, #f8f7fb)}.pp-seg button{width:34px;height:32px;border:0;background:transparent;font-family:Jost,sans-serif;font-size:12px;font-weight:600;color:var(--kllc-muted, #6f6581);border-right:1px solid var(--kllc-border, #e8e3ef);cursor:pointer}.pp-seg button:last-child{border-right:0}.pp-seg button:hover{background:var(--kllc-purple-soft, #f2ebf7);color:var(--kllc-purple, #5f3795)}.pp-seg button:focus-visible{outline:2px solid var(--kllc-orange, #ff6600);outline-offset:-2px}.pp-seg button[aria-pressed=true]{background:var(--kllc-purple, #5f3795);color:#fff}.pp-self-note{font-family:Kanit,sans-serif;font-size:12px;color:var(--kllc-muted, #6f6581);background:var(--kllc-surface, #f8f7fb);border-radius:12px;padding:11px 13px;margin-top:14px;display:flex;gap:8px;align-items:flex-start}.pp-self-note svg{flex:none;margin-top:1px;color:var(--kllc-purple, #5f3795)}.pp-field-row{display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media(max-width:600px){.pp-field-row{grid-template-columns:1fr}}.pp-field{display:grid;gap:6px}.pp-field label{font-family:Kanit,sans-serif;font-size:13px;font-weight:500;color:var(--fg-2, #321058)}.pp-field label .opt{font-size:11px;color:var(--kllc-muted, #6f6581);font-weight:400}.pp-field select{font-family:Kanit,sans-serif;font-size:14px;color:var(--fg-1, #241b2f);padding:11px 13px;border:1px solid var(--kllc-border, #e8e3ef);border-radius:12px;background:var(--kllc-surface, #f8f7fb);width:100%;min-width:0;box-sizing:border-box}.pp-field select:hover{border-color:#d8cee8}.pp-field select:focus-visible{outline:3px solid var(--kllc-orange, #ff6600);outline-offset:1px;border-color:var(--kllc-orange, #ff6600);background:#fff}.ob-shell{min-height:100vh;background:radial-gradient(900px 380px at 86% -8%,rgba(95,55,149,.16),transparent 60%),radial-gradient(800px 360px at -10% 6%,rgba(255,102,0,.08),transparent 60%),#f8f7fb;display:flex;flex-direction:column}.ob-topbar{background:#fff;border-bottom:1px solid var(--kllc-border, #e8e3ef);padding:14px 24px;display:flex;align-items:center;justify-content:space-between}.ob-topbar .brand{font-family:Kanit,sans-serif;font-weight:600;font-size:15px;color:var(--fg-2, #321058)}.ob-topbar .brand span{color:var(--kllc-orange, #ff6600)}.ob-skip-all{font-family:Kanit,sans-serif;font-size:13px;color:var(--kllc-muted, #6f6581);background:none;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:8px}.ob-skip-all:hover{color:var(--fg-1, #241b2f)}.ob-progress{display:flex;justify-content:center;gap:0;padding:22px 16px 6px}.ob-step{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;width:96px}.ob-step:not(:last-child):after{content:"";position:absolute;top:14px;left:calc(50% + 18px);width:calc(100% - 36px);height:2px;background:var(--kllc-border, #e8e3ef)}.ob-step.done:not(:last-child):after{background:var(--kllc-orange, #ff6600)}.ob-dot{width:28px;height:28px;border-radius:99px;display:grid;place-items:center;font-family:Jost,sans-serif;font-weight:700;font-size:13px;background:#fff;border:2px solid var(--kllc-border, #e8e3ef);color:var(--kllc-muted, #6f6581);position:relative;z-index:1}.ob-step.active .ob-dot{border-color:var(--kllc-orange, #ff6600);background:var(--kllc-orange, #ff6600);color:#fff;box-shadow:0 6px 16px -6px #ff66008c}.ob-step.done .ob-dot{border-color:var(--kllc-orange, #ff6600);background:var(--kllc-orange-soft, #fff0e5);color:var(--kllc-orange-deep, #cc5200)}.ob-label{font-family:Kanit,sans-serif;font-size:11.5px;color:var(--kllc-muted, #6f6581);text-align:center}.ob-step.active .ob-label{color:var(--fg-1, #241b2f);font-weight:600}.ob-step.done .ob-label{color:var(--kllc-orange-deep, #cc5200)}.ob-main{flex:1;width:100%;max-width:860px;margin:0 auto;padding:18px 16px 32px}.ob-card{background:#fff;border:1px solid var(--kllc-border, #e8e3ef);border-radius:22px;box-shadow:0 18px 40px -34px #24083f66;padding:28px 28px 30px}.ob-eyebrow{font-family:Jost,sans-serif;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--kllc-orange, #ff6600);margin:0 0 6px}.ob-title{font-family:Kanit,sans-serif;font-weight:700;font-size:clamp(22px,4vw,28px);color:var(--fg-2, #321058);letter-spacing:-.02em;margin:0 0 8px}.ob-sub{font-family:Kanit,sans-serif;font-size:14px;color:var(--kllc-muted, #6f6581);line-height:1.6;margin:0 0 16px;max-width:60ch}.ob-hint{display:inline-flex;align-items:center;gap:6px;font-family:Kanit,sans-serif;font-size:12.5px;color:var(--kllc-orange-deep, #cc5200);background:var(--kllc-orange-soft, #fff0e5);padding:6px 12px;border-radius:99px;margin-bottom:18px}.ob-skill-note{font-family:Kanit,sans-serif;font-size:12px;color:var(--kllc-muted, #6f6581);background:var(--kllc-surface, #f8f7fb);border-radius:12px;padding:11px 13px;margin-top:14px}.ob-field-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media(max-width:600px){.ob-field-grid{grid-template-columns:1fr}}.ob-field label{display:block;font-family:Kanit,sans-serif;font-size:13px;font-weight:500;color:var(--fg-2, #321058);margin-bottom:6px}.ob-field input{font-family:Kanit,sans-serif;font-size:14px;color:var(--fg-1, #241b2f);padding:11px 13px;border:1px solid var(--kllc-border, #e8e3ef);border-radius:12px;background:var(--kllc-surface, #f8f7fb);width:100%;box-sizing:border-box}.ob-field input:focus-visible{outline:3px solid var(--kllc-orange, #ff6600);outline-offset:1px;border-color:var(--kllc-orange, #ff6600);background:#fff}.ob-bottom{background:#fff;border-top:1px solid var(--kllc-border, #e8e3ef);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;bottom:0;z-index:50}.ob-back{display:inline-flex;align-items:center;gap:6px;font-family:Kanit,sans-serif;font-size:14px;color:var(--kllc-muted, #6f6581);background:none;border:0;padding:10px 14px;border-radius:10px;cursor:pointer}.ob-back:hover{color:var(--fg-1, #241b2f);background:var(--kllc-surface, #f8f7fb)}.ob-back[data-hidden=true]{visibility:hidden}.ob-next{display:inline-flex;align-items:center;gap:8px;background:var(--kllc-orange, #ff6600);color:#fff;border:0;font-family:Kanit,sans-serif;font-size:15px;font-weight:700;padding:12px 28px;border-radius:999px;box-shadow:0 4px 16px -6px #ff660073;cursor:pointer;transition:background .15s,transform .1s}.ob-next:hover{background:var(--kllc-orange-deep, #cc5200);transform:translateY(-1px)}.ob-next:disabled{opacity:.6;cursor:default;transform:none}.ob-next.done-btn{background:linear-gradient(90deg,var(--kllc-purple, #5f3795),#ee3468)}.ob-skip-step{font-family:Kanit,sans-serif;font-size:13px;color:var(--kllc-muted, #6f6581);background:none;border:0;padding:8px;margin-left:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.ob-skip-step:hover{color:var(--fg-1, #241b2f)}.ob-done{text-align:center;padding:20px 0 32px}.ob-done-check{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--kllc-orange, #ff6600),#ee3468);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:32px;box-shadow:0 8px 24px -8px #ff660073}@media(prefers-reduced-motion:no-preference){.ob-done-check{animation:ob-pop-in .4s cubic-bezier(.34,1.56,.64,1) both}}@keyframes ob-pop-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.ob-done-title{font-family:Kanit,sans-serif;font-size:clamp(22px,4vw,28px);font-weight:700;color:var(--fg-2, #321058);letter-spacing:-.02em;margin:0 0 8px}.ob-done-sub{font-family:Kanit,sans-serif;font-size:15px;color:var(--kllc-muted, #6f6581);line-height:1.5;margin:0 0 22px}.ob-error{font-family:Kanit,sans-serif;font-size:13px;color:#b91c1c;background:#fef2f2;border-radius:10px;padding:10px 14px;margin-top:14px}:root{--kllc-purple: #5F3795;--kllc-purple-deep: #321058;--kllc-purple-soft: #F2EBF7;--kllc-orange: #FF6600;--kllc-orange-soft: #FFF4EB;--kllc-muted: #70687D;--kllc-border: #E8E3EF;--kllc-surface: #F8F7FB;--kllc-pink: #EE3468;--kllc-success: #2ECC71;--font-mono: "Jost", "Kanit", system-ui, sans-serif}.learner-shell .doc-head{margin-top:8px;padding:26px 28px;background:#fff;border:1px solid var(--kllc-border);border-radius:28px;display:grid;gap:22px;grid-template-columns:1fr auto;align-items:center;position:relative;overflow:hidden}.learner-shell .doc-head:after{content:"KLLC";position:absolute;right:-20px;bottom:-40px;font-family:Jost,sans-serif;font-weight:800;font-size:220px;color:var(--kllc-orange-soft);line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.55}.learner-shell .doc-head>*{position:relative;z-index:1}@media(max-width:820px){.learner-shell .doc-head{grid-template-columns:1fr}}.learner-shell .doc-id{display:flex;gap:18px;align-items:center}.learner-shell .doc-id .seal{width:88px;height:88px;border-radius:24px;background:linear-gradient(135deg,var(--kllc-purple),var(--kllc-purple-deep));color:#fff;display:grid;place-items:center;flex-shrink:0;box-shadow:0 14px 24px -10px #24083f66}.learner-shell .doc-id .seal img{width:60px}.learner-shell .doc-id .seal img.seal-photo{width:88px;height:88px;object-fit:cover;border-radius:24px}.learner-shell .doc-id h1{font-family:Kanit,sans-serif;font-weight:600;font-size:26px;margin:0 0 4px;line-height:1.15;color:var(--fg-1)}.learner-shell .doc-id .meta{font-family:var(--font-mono);font-size:11px;color:var(--kllc-muted);margin-bottom:8px}.learner-shell .doc-id .tags{display:flex;gap:6px;flex-wrap:wrap}.learner-shell .doc-actions{display:flex;flex-direction:column;gap:10px}.learner-shell .doc-actions .btn{width:100%;min-width:200px}.learner-shell .doc-actions .small{font-family:Kanit,sans-serif;font-size:11px;color:var(--kllc-muted);text-align:center}.learner-shell .doc-summary{margin-top:18px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr)}@media(max-width:980px){.learner-shell .doc-summary{grid-template-columns:1fr 1fr 1fr}}@media(max-width:600px){.learner-shell .doc-summary{grid-template-columns:1fr 1fr}}.learner-shell .doc-stat{padding:16px 18px;background:#fff;border:1px solid var(--kllc-border);border-radius:18px;box-shadow:var(--shadow-card)}.learner-shell .doc-stat .k{font-family:Jost,sans-serif;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--kllc-muted)}.learner-shell .doc-stat .k-th{display:block;margin-top:2px;font-family:Kanit,sans-serif;font-weight:400;font-size:10px;color:var(--kllc-muted);letter-spacing:0;text-transform:none}.learner-shell .doc-stat .v{font-family:Jost,sans-serif;font-weight:800;font-size:22px;line-height:1;color:var(--fg-1);margin-top:6px}.learner-shell .doc-stat .v .unit{font-weight:500;font-size:12px;color:var(--kllc-muted);margin-left:4px}.learner-shell .cat-bar{margin-top:22px;padding:14px 18px;background:#fff;border:1px solid var(--kllc-border);border-radius:22px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.learner-shell .cat-bar .cat{padding:7px 14px;border-radius:99px;background:var(--kllc-surface);border:0;font-family:Kanit,sans-serif;font-weight:500;font-size:12px;color:var(--fg-1)}.learner-shell .cat-bar .cat.on{background:var(--kllc-orange);color:#fff;box-shadow:var(--shadow-orange)}.learner-shell .cat-bar .cat .count{font-family:Jost,sans-serif;font-weight:800;font-size:10px;margin-left:4px;opacity:.7}.learner-shell .cat-bar .spacer{flex:1}.learner-shell .cat-bar .taxonomy-note{width:100%;display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:var(--kllc-muted);font-family:Kanit,sans-serif;font-size:12px;line-height:1.5}.learner-shell .taxonomy-note .tag{display:inline-flex;min-height:22px;align-items:center;padding:0 8px;border-radius:99px;background:var(--kllc-purple-soft);color:var(--kllc-purple);font-family:Jost,sans-serif;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.learner-shell .cat-bar .search{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:99px;background:var(--kllc-surface);border:0;color:var(--kllc-muted)}.learner-shell .cat-bar .search input{border:0;background:transparent;outline:0;width:140px;font-family:inherit;font-size:12px;color:var(--fg-1)}.learner-shell .skill-section{margin-top:22px}.learner-shell .skill-section h2{font-family:Kanit,sans-serif;font-weight:600;font-size:18px;margin:0 0 12px;display:flex;align-items:center;gap:10px}.learner-shell .skill-section h2 .cat-pill{font-family:Jost,sans-serif;font-weight:800;font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:99px}.learner-shell .cat-pill.hard{background:var(--kllc-orange-soft);color:var(--kllc-orange)}.learner-shell .cat-pill.soft{background:#f39c122e;color:#c97a06}.learner-shell .cat-pill.dig{background:var(--kllc-purple-soft);color:var(--kllc-purple)}.learner-shell .skill-table{background:#fff;border:1px solid var(--kllc-border);border-radius:22px;box-shadow:var(--shadow-card);overflow:hidden}.learner-shell .stl-head{display:grid;grid-template-columns:2fr 1.4fr 1fr 1fr 190px;padding:14px 22px;gap:18px;border-bottom:1px solid var(--kllc-border);font-family:Jost,sans-serif;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--kllc-muted);background:var(--kllc-surface)}@media(max-width:820px){.learner-shell .stl-head{display:none}}.learner-shell .stl-row{display:grid;grid-template-columns:2fr 1.4fr 1fr 1fr 190px;padding:18px 22px;gap:18px;align-items:center;border-bottom:1px solid var(--kllc-border-soft, #F0EDF5);cursor:pointer;transition:background .15s}.learner-shell .stl-row:hover{background:var(--kllc-surface)}.learner-shell .stl-row:last-child{border-bottom:0}.learner-shell .stl-row.needs-attention{background:linear-gradient(90deg,#f39c1221,#f39c120a);box-shadow:inset 5px 0 0 var(--kllc-orange);border-bottom-color:#f39c1242}.learner-shell .stl-row.needs-attention:hover{background:linear-gradient(90deg,#f39c122e,#f39c1212)}.learner-shell .stl-row.needs-attention .lv-num{color:var(--kllc-orange)}.learner-shell .stl-row.needs-attention .lv-bar{background:#f39c122e;outline:1px solid rgba(243,156,18,.28)}@media(max-width:820px){.learner-shell .stl-row{grid-template-columns:1fr;gap:8px;padding:16px}}.learner-shell .stl-name{font-family:Kanit,sans-serif;font-weight:500;font-size:15px;color:var(--fg-1)}.learner-shell .stl-name small{display:block;font-family:Kanit,sans-serif;font-weight:300;font-size:11px;color:var(--kllc-muted);margin-top:2px}.learner-shell .stl-level{display:flex;align-items:center;gap:8px}.learner-shell .stl-level .lv-num{font-family:Jost,sans-serif;font-weight:800;font-size:16px;color:var(--fg-1);width:36px}.learner-shell .stl-level .lv-bar{flex:1;height:6px;background:#f0edf5;border-radius:99px;overflow:hidden;position:relative}.learner-shell .stl-level .lv-fill{height:100%;background:linear-gradient(90deg,var(--kllc-orange),var(--kllc-pink));border-radius:99px}.learner-shell .stl-level .lv-thresh{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--kllc-success);border-radius:99px}.learner-shell .stl-evidence{font-family:Jost,sans-serif;font-size:12px;color:var(--kllc-purple);font-weight:700}.learner-shell .stl-evidence .ev-dot{display:inline-block;width:6px;height:6px;border-radius:99px;background:currentColor;margin-right:4px}.learner-shell .stl-date{font-family:var(--font-mono);font-size:11px;color:var(--kllc-muted)}.learner-shell .stl-status{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.learner-shell .status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:99px;font-family:Kanit,sans-serif;font-weight:600;font-size:12px;line-height:1;white-space:nowrap;border:1px solid transparent}.learner-shell .status-pill.surplus{background:#2ecc7124;color:#167a42;border-color:#2ecc713d}.learner-shell .status-pill.deficit{background:#f39c1233;color:#a45b00;border-color:#f39c126b;box-shadow:0 8px 18px -14px #f39c12e6}.learner-shell .status-pill .dot-tiny{width:6px;height:6px;border-radius:99px;background:currentColor}.learner-shell .course-action{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:99px;border:1px solid rgba(243,156,18,.5);background:#fff;color:var(--kllc-orange);font-family:Kanit,sans-serif;font-weight:600;font-size:12px;transition:background .15s,color .15s,border-color .15s,transform .15s}.learner-shell .course-action:hover{background:var(--kllc-orange);color:#fff;border-color:var(--kllc-orange);transform:translateY(-1px)}.learner-shell .course-action.selected{background:var(--kllc-orange);color:#fff;border-color:var(--kllc-orange)}.learner-shell .course-note{max-width:180px;font-family:Kanit,sans-serif;font-size:11px;line-height:1.35;color:var(--kllc-muted);text-align:right}.learner-shell .course-note.selected{color:var(--fg-1);font-weight:500}.learner-shell .stl-row.expanded{background:var(--kllc-orange-soft);grid-template-columns:2fr 1.4fr 1fr 1fr 190px}.learner-shell .stl-detail{grid-column:1 / -1;margin-top:12px;padding:16px 18px;background:#fff;border-radius:16px;border:1px solid var(--kllc-border);display:grid;gap:14px;grid-template-columns:1.4fr 1fr}@media(max-width:820px){.learner-shell .stl-detail{grid-template-columns:1fr}}.learner-shell .stl-detail h4{font-family:Jost,sans-serif;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--kllc-muted);margin:0 0 8px}.learner-shell .ev-list{display:flex;flex-direction:column;gap:8px}.learner-shell .ev-row{display:flex;gap:10px;align-items:center;padding:8px 10px;background:var(--kllc-surface);border-radius:12px}.learner-shell .ev-row .ev-type{font-family:Jost,sans-serif;font-weight:800;font-size:10px;padding:3px 8px;border-radius:6px;flex-shrink:0}.learner-shell .ev-row .ev-type.quiz{background:var(--kllc-purple-soft);color:var(--kllc-purple)}.learner-shell .ev-row .ev-type.art{background:var(--kllc-orange-soft);color:var(--kllc-orange)}.learner-shell .ev-row .ev-type.peer{background:#2ecc712e;color:#1e9e54}.learner-shell .ev-row .ev-name{flex:1;font-family:Kanit,sans-serif;font-size:13px}.learner-shell .ev-row .ev-score{font-family:Jost,sans-serif;font-weight:800;font-size:13px;color:var(--kllc-orange)}.learner-shell .rubric{display:flex;flex-direction:column;gap:6px}.learner-shell .rubric-row{display:flex;gap:8px;align-items:center;font-family:Kanit,sans-serif;font-size:12px}.learner-shell .rubric-row .level{width:24px;height:24px;border-radius:8px;background:var(--kllc-surface);color:var(--kllc-muted);display:grid;place-items:center;font-family:Jost,sans-serif;font-weight:800;font-size:11px;flex-shrink:0}.learner-shell .rubric-row.on .level{background:var(--kllc-orange);color:#fff}.learner-shell .rubric-row .desc{color:var(--kllc-muted)}.learner-shell .rubric-row.on .desc{color:var(--fg-1);font-weight:500}.learner-shell .download-policy{margin-top:18px;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.62fr);gap:16px;background:#fff;border:1px solid var(--kllc-border);border-radius:22px;box-shadow:var(--shadow-card)}@media(max-width:820px){.learner-shell .download-policy{grid-template-columns:1fr}}.learner-shell .download-policy h2{margin:4px 0 0;font-family:Kanit,sans-serif;font-size:18px;color:var(--fg-1)}.learner-shell .download-policy p{margin:6px 0 0;font-family:Kanit,sans-serif;font-size:13px;line-height:1.65;color:var(--kllc-muted)}.learner-shell .download-rules{margin-top:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media(max-width:720px){.learner-shell .download-rules{grid-template-columns:1fr}}.learner-shell .download-rule{padding:12px;border:1px solid var(--kllc-border);border-radius:16px;background:var(--kllc-surface)}.learner-shell .download-rule b{display:block;font-family:Jost,sans-serif;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--kllc-purple)}.learner-shell .download-rule span{display:block;margin-top:4px;font-family:Kanit,sans-serif;font-size:12px;line-height:1.55;color:var(--kllc-muted)}.learner-shell .download-wallet{display:grid;gap:10px;padding:16px;border-radius:18px;background:linear-gradient(135deg,var(--kllc-purple-soft),white 68%);border:1px solid color-mix(in oklch,var(--kllc-purple) 22%,var(--kllc-border))}.learner-shell .download-wallet .line{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-family:Kanit,sans-serif;color:var(--kllc-muted);font-size:13px}.learner-shell .download-wallet .line b{color:var(--fg-1);font-family:Jost,sans-serif;font-size:18px}.learner-shell .download-result{min-height:34px;display:grid;align-items:center;padding:8px 12px;border-radius:14px;background:var(--kllc-orange-soft);color:var(--kllc-orange-deep);font-family:Kanit,sans-serif;font-size:12px}:root{--kllc-orange-deep: #E55C00;--kllc-border-soft: #F0EDF5}.learner-shell .download-history{margin-top:16px;padding:18px;background:#fff;border:1px solid var(--kllc-border);border-radius:22px;box-shadow:var(--shadow-card)}.learner-shell .download-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.learner-shell .download-history h2{margin:4px 0 0;font-family:Kanit,sans-serif;font-size:18px;color:var(--fg-1)}.learner-shell .download-history p{margin:4px 0 0;font-family:Kanit,sans-serif;font-size:13px;line-height:1.55;color:var(--kllc-muted)}.learner-shell .history-controls{margin-bottom:12px;display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:10px;align-items:center}.learner-shell .history-search,.learner-shell .history-page-size{min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--kllc-border);border-radius:999px;background:var(--kllc-surface);color:var(--kllc-muted);font-family:Kanit,sans-serif;font-size:12px}.learner-shell .history-search input,.learner-shell .history-page-size select{border:0;outline:0;background:transparent;color:var(--fg-1);font:inherit}.learner-shell .history-search input{width:100%;min-width:150px}.learner-shell .history-page-size select{font-weight:600}.learner-shell .history-count{color:var(--kllc-muted);font-family:Kanit,sans-serif;font-size:12px;white-space:nowrap}.learner-shell .history-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--kllc-border);border-radius:16px;font-family:Kanit,sans-serif;background:#fff}.learner-shell .history-table th,.learner-shell .history-table td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--kllc-border);font-size:12.5px;vertical-align:top}.learner-shell .history-table th{background:var(--kllc-surface);color:var(--kllc-muted);font-size:11px;font-weight:600}.learner-shell .history-table tbody tr:last-child td{border-bottom:0}.learner-shell .history-main{color:var(--fg-1);font-weight:600}.learner-shell .history-sub{display:block;margin-top:2px;color:var(--kllc-muted);font-size:11.5px}.learner-shell .history-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.learner-shell .history-badge.free{background:var(--kllc-purple-soft);color:var(--kllc-purple)}.learner-shell .history-badge.paid{background:var(--kllc-orange-soft);color:var(--kllc-orange-deep)}.learner-shell .history-badge.done{background:#2ecc7129;color:#1e9e54}.learner-shell .history-badge.pending{background:#f39c122e;color:#a45b00}.learner-shell .history-empty{margin-top:10px;padding:16px;border:1px dashed var(--kllc-border);border-radius:16px;background:var(--kllc-surface);color:var(--kllc-muted);font-family:Kanit,sans-serif;font-size:13px;text-align:center}.learner-shell .history-pagination{margin-top:12px;display:flex;justify-content:flex-end;align-items:center;gap:10px;color:var(--kllc-muted);font-family:Kanit,sans-serif;font-size:12px}.learner-shell .history-page-btn{min-height:34px;padding:0 12px;border:1px solid var(--kllc-border);border-radius:999px;background:#fff;color:var(--fg-1);font-family:Kanit,sans-serif;font-weight:600;cursor:pointer}.learner-shell .history-page-btn:disabled{opacity:.45;cursor:not-allowed}@media(max-width:720px){.learner-shell .download-history-head{flex-direction:column}.learner-shell .history-controls{grid-template-columns:1fr;align-items:stretch}.learner-shell .history-count{white-space:normal}.learner-shell .history-pagination{justify-content:space-between}}.learner-shell .pay-picker{margin-top:10px;padding:14px;border:1px dashed var(--kllc-orange);border-radius:16px;background:var(--kllc-orange-soft);display:grid;gap:10px}.learner-shell .pay-picker .pay-methods{display:flex;gap:8px;flex-wrap:wrap}.learner-shell .pay-picker .pay-note{font-family:Kanit,sans-serif;font-size:12px;color:var(--kllc-muted)}@font-face{font-family:KMITL2020;src:url(/assets/KMITL-2020-Regular-BXUA5UWt.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:KMITL2020;src:url(/assets/KMITL-2020-Bold-CR1lueuw.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:KMITL2020;src:url(/assets/KMITL-2020-Italic-yH8MdAin.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:KMITL2020;src:url(/assets/KMITL-2020-Bold-Italic-BRL4jGaY.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}.tspd-wrap{width:min(794px,calc(100% - 24px));margin:28px auto 64px}.tsp-body.embed .tspd-wrap{width:100%;margin:0}.tspd-doc{overflow:hidden;border-radius:6px;background:#fdfcff;box-shadow:0 32px 80px -36px #24083f8c;color:#16121e;--d-purple: #5c2d91;--d-purple-mid: #5f3795;--d-purple-deep: #321058;--d-purple-ink: #24083f;--d-purple-soft: #f2ecf9;--d-orange: #f4811f;--d-orange-strong: #ff6600;--d-blue: #2e9bd6;--d-green: #16a34a;--d-muted: #70687d;--d-border: #e6def0;--d-font: "KMITL2020", "Kanit", system-ui, sans-serif;font-family:var(--d-font)}.tsp-body.embed .tspd-doc{box-shadow:none;border-radius:0}.tspd-doc .d-header{display:grid;grid-template-columns:170px 1fr 190px;align-items:center;gap:14px;padding:20px 22px 16px;color:#fff;background:radial-gradient(360px 220px at 92% 0%,rgba(255,255,255,.08),transparent 70%),linear-gradient(135deg,#6b3aa8 0%,var(--d-purple) 45%,var(--d-purple-deep) 100%);border-bottom:4px solid var(--d-orange-strong)}.tspd-doc .d-header img{width:140px;height:auto}.tspd-doc .d-title{text-align:center}.tspd-doc .d-title h1{margin:0;font-size:30px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;line-height:1.05}.tspd-doc .d-title .sub{margin:2px 0 0;font-size:15px;letter-spacing:.06em;opacity:.92}.tspd-doc .d-title .th1{margin:6px 0 0;font-size:11px;opacity:.85}.tspd-doc .d-title .th2{margin:2px 0 0;font-size:10.5px;opacity:.7}.tspd-doc .d-title .en{margin:4px 0 0;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.6}.tspd-doc .d-hmeta{text-align:right;display:grid;gap:3px;justify-items:end}.tspd-doc .d-hmeta .k{font-size:9px;opacity:.65}.tspd-doc .d-hmeta .v{font-size:12.5px;font-weight:700;letter-spacing:.04em}.tspd-doc .d-verified{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:3px 12px;border-radius:8px;background:#ffffff29;border:1px solid rgba(255,255,255,.35);font-size:10.5px;font-weight:700;letter-spacing:.08em}.tspd-doc .d-learner{display:grid;grid-template-columns:92px 1fr 300px;gap:16px;align-items:center;padding:14px 22px;background:#f4effb;border-bottom:1px solid var(--d-border)}.tspd-doc .d-photo{width:84px;height:84px;border-radius:50%;border:3px solid #d9c9ef;background:#e8def5;display:grid;place-items:center;color:var(--d-purple);font-size:26px;font-weight:700}.tspd-doc .d-who h2{margin:0;font-size:18px;font-weight:700;color:var(--d-purple-ink)}.tspd-doc .d-who .en-name{margin:1px 0 8px;font-size:12px;color:var(--d-purple-mid)}.tspd-doc .d-who .fields{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;font-size:11.5px}.tspd-doc .d-who .fields .k{color:var(--d-muted)}.tspd-doc .d-who .fields .v{font-weight:600;color:#16121e}.tspd-doc .d-verify-box{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:center}.tspd-doc .d-verify-box .qr{width:92px;height:92px;padding:6px;background:#fff;border:1px solid var(--d-border);border-radius:8px;display:grid;place-items:center}.tspd-doc .d-verify-box .qr canvas{width:78px!important;height:78px!important}.tspd-doc .d-verify-box .k{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--d-purple-ink)}.tspd-doc .d-verify-box .code{margin:2px 0;padding:4px 8px;border-radius:6px;background:#fff;border:1px solid var(--d-border);font-size:10.5px;font-weight:700;letter-spacing:.08em;color:var(--d-purple-deep);width:fit-content}.tspd-doc .d-verify-box .hint{font-size:8.5px;color:var(--d-muted)}.tspd-doc .d-verify-box .url{font-size:9px;color:var(--d-purple-mid);word-break:break-all}.tspd-doc .d-label{margin:14px 22px 6px;font-size:11px;font-weight:700;color:#555060;letter-spacing:.02em}.tspd-doc .d-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 22px}.tspd-doc .d-stat{border:2px solid var(--c, var(--d-purple));border-radius:10px;background:#fff;padding:10px 8px 9px;text-align:center}.tspd-doc .d-stat .num{font-size:26px;font-weight:800;line-height:1;color:var(--c, var(--d-purple))}.tspd-doc .d-stat .lbl{margin-top:3px;font-size:10px;color:var(--d-muted);line-height:1.3}.tspd-doc .d-stat.orange{--c: var(--d-orange);background:#fff9f4}.tspd-doc .d-stat.purple{--c: var(--d-purple)}.tspd-doc .d-stat.blue{--c: var(--d-blue);background:#f5fbff}.tspd-doc .d-stat.green{--c: var(--d-green);background:#f4fdf7}.tspd-doc .d-card{margin:0 22px;border:1px solid var(--d-border);border-radius:12px;background:#fff;overflow:hidden}.tspd-doc .d-analysis{display:grid;grid-template-columns:300px 1fr}.tspd-doc .d-radar{padding:12px 8px 8px;border-right:1px solid var(--d-border);display:flex;flex-direction:column;align-items:center}.tspd-doc .d-radar .cap{align-self:flex-start;margin:0 0 4px 10px;font-size:10px;font-weight:700;color:#555060}.tspd-doc .d-atable{width:100%;border-collapse:collapse;font-size:11px}.tspd-doc .d-atable th{padding:8px 10px 6px;text-align:left;font-size:10px;font-weight:700;color:#555060;border-bottom:1px solid var(--d-border)}.tspd-doc .d-atable tbody tr:nth-child(odd){background:#f7f3fc}.tspd-doc .d-atable td{padding:7px 10px;vertical-align:middle}.tspd-doc .d-atable .sk{font-weight:600;color:#241a30}.tspd-doc .d-chip{display:inline-flex;padding:2px 10px;border-radius:8px;border:1px solid;font-size:9px;font-weight:600;white-space:nowrap}.tspd-doc .d-chip.digital{color:#5b3aa6;border-color:#cdbbe8;background:#f2ecfb}.tspd-doc .d-chip.soft{color:#1f78b8;border-color:#bcdcf2;background:#ecf6fd}.tspd-doc .d-chip.pro{color:#c05500;border-color:#f6cfae;background:#fef4ea}.tspd-doc .d-chip.research{color:#157a4c;border-color:#b9e4ce;background:#eefaf3}.tspd-doc .d-chip.innov{color:#c02057;border-color:#f4bfd1;background:#fdeff4}.tspd-doc .d-lvbar{width:92px;height:9px;border-radius:99px;background:#ece5f5;overflow:hidden}.tspd-doc .d-lvbar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--d-purple-mid),var(--d-purple-deep))}.tspd-doc .d-trend{font-size:11px;font-weight:700;color:var(--d-purple-deep);white-space:nowrap}.tspd-doc .d-trend .up{color:var(--d-green)}.tspd-doc .d-trend .flat{color:var(--d-orange)}.tspd-doc .d-dtable{width:100%;border-collapse:collapse;font-size:11px}.tspd-doc .d-dtable thead th{padding:7px 12px;text-align:left;background:var(--d-purple);color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tspd-doc .d-dtable tbody tr{border-bottom:1px solid #efe9f6}.tspd-doc .d-dtable tbody tr:last-child{border-bottom:0}.tspd-doc .d-dtable td{padding:8px 12px;vertical-align:middle}.tspd-doc .d-dtable .sn{font-weight:700;color:#241a30}.tspd-doc .d-dtable .sn small{display:block;font-weight:400;font-size:9px;color:var(--d-muted)}.tspd-doc .d-plevel{display:flex;align-items:center;gap:8px}.tspd-doc .d-plevel .lv{min-width:26px;font-weight:700;color:var(--d-purple-deep)}.tspd-doc .d-pbar{position:relative;flex:1;max-width:170px;height:8px;border-radius:99px;background:#ece5f5}.tspd-doc .d-pbar .fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,var(--d-purple-mid),var(--d-purple-deep))}.tspd-doc .d-pbar .fill.warn{background:linear-gradient(90deg,var(--d-orange),#e05b2e)}.tspd-doc .d-pbar .tick{position:absolute;top:-2px;bottom:-2px;width:2px;background:#e0533d}.tspd-doc .d-ev{color:var(--d-muted);font-size:10px}.tspd-doc .d-pill{display:inline-flex;padding:3px 12px;border-radius:99px;border:1px solid;font-size:9.5px;font-weight:600;white-space:nowrap}.tspd-doc .d-pill.good{color:#157a4c;border-color:#b9e4ce;background:#eefaf3}.tspd-doc .d-pill.meet{color:#6b6577;border-color:#ddd7e5;background:#f7f5fa}.tspd-doc .d-pill.warn{color:#b3541e;border-color:#f3ceb0;background:#fff4ea}.tspd-doc .d-pill.bad{color:#c0392b;border-color:#f2c1bb;background:#feeeec}.tspd-doc .d-bottom{display:grid;grid-template-columns:1.05fr 1fr .95fr;gap:12px;margin:0 22px}.tspd-doc .d-bcard{border:1px solid var(--d-border);border-radius:12px;background:#fff;overflow:hidden}.tspd-doc .d-bcard .bh{padding:7px 12px;background:var(--d-purple-soft);font-size:10.5px;font-weight:700;color:var(--d-purple-ink)}.tspd-doc .d-bcard .bb{padding:8px 12px 10px}.tspd-doc .d-course{display:flex;align-items:center;gap:8px;padding:6px 0 6px 8px;border-left:3px solid var(--d-purple-mid);border-bottom:1px solid #f1ecf7}.tspd-doc .d-course:last-child{border-bottom:0}.tspd-doc .d-course .t{flex:1;min-width:0}.tspd-doc .d-course .t b{display:block;font-size:10.5px;font-weight:700;color:#241a30;line-height:1.3}.tspd-doc .d-course .t span{font-size:9px;color:var(--d-muted)}.tspd-doc .d-grade{flex:0 0 auto;min-width:26px;height:24px;display:grid;place-items:center;padding:0 4px;border-radius:6px;border:1px solid #b9e4ce;background:#eefaf3;color:#157a4c;font-size:11px;font-weight:800}.tspd-doc .d-cred{display:flex;align-items:center;gap:9px;padding:7px 0;border-bottom:1px solid #f1ecf7}.tspd-doc .d-cred:last-child{border-bottom:0}.tspd-doc .d-cred .ic{flex:0 0 30px;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#ecf6fd;color:#1f78b8;font-size:10px;font-weight:800}.tspd-doc .d-cred .t b{display:block;font-size:10.5px;font-weight:700;color:#241a30}.tspd-doc .d-cred .t span{font-size:9px;color:var(--d-muted)}.tspd-doc .d-career{border:0;border-radius:12px;color:#fff;background:radial-gradient(220px 140px at 88% 0%,rgba(255,102,0,.35),transparent 60%),linear-gradient(150deg,var(--d-purple) 0%,var(--d-purple-ink) 90%);padding:12px 14px}.tspd-doc .d-career .cap{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.75}.tspd-doc .d-career .head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}.tspd-doc .d-career .role{font-size:16px;font-weight:800;line-height:1.15}.tspd-doc .d-ring{flex:0 0 54px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--d-orange-strong) calc(var(--p, 0) * 1%),rgba(255,255,255,.18) 0)}.tspd-doc .d-ring .in{width:42px;height:42px;border-radius:50%;background:var(--d-purple-ink);display:grid;place-items:center;font-size:13px;font-weight:800}.tspd-doc .d-career p{margin:8px 0 0;font-size:9.5px;line-height:1.5;opacity:.85}.tspd-doc .d-career .gcap{margin-top:9px;font-size:9px;font-weight:700;opacity:.8}.tspd-doc .d-tag{display:inline-block;margin:3px 3px 0 0;padding:2px 8px;border-radius:99px;background:#ffffff24;font-size:8.5px}.tspd-doc .d-tag.gap{background:#f606}.tspd-doc .d-career .note{margin-top:10px;font-size:7.5px;opacity:.55;line-height:1.45}.tspd-doc .d-verify{display:grid;grid-template-columns:1fr 1fr 150px;align-items:end;gap:12px;margin:14px 22px 0;padding:18px 10px 8px;border:1px solid var(--d-border);border-radius:12px;background:#fff}.tspd-doc .d-sig{text-align:center;padding-bottom:8px}.tspd-doc .d-sig .line{width:130px;margin:26px auto 4px;border-bottom:1px solid #2a2333}.tspd-doc .d-sig .nm{font-size:10px;font-weight:700}.tspd-doc .d-sig .tt{font-size:9px;color:var(--d-muted)}.tspd-doc .d-seal{justify-self:center;width:96px;height:96px;margin-bottom:6px;border-radius:50%;border:2.5px solid var(--d-purple-mid);outline:1.5px dashed #b79fd8;outline-offset:4px;background:#f6f1fc;display:grid;place-items:center;text-align:center;color:var(--d-purple-deep);font-size:10px;font-weight:800;line-height:1.35}.tspd-doc .d-seal small{display:block;font-size:8px;font-weight:600;color:var(--d-muted)}.tspd-doc .d-footnote{margin:10px 22px 12px;text-align:center;font-size:8.5px;color:var(--d-muted);line-height:1.6}.tspd-doc .d-footbar{height:18px;background:linear-gradient(90deg,var(--d-purple-deep),var(--d-purple));border-top:3px solid var(--d-orange-strong)}.tspd-doc .d-gap{height:12px}@media print{.tspd-wrap{width:210mm;margin:0}.tspd-doc{border-radius:0;box-shadow:none}.tspd-doc *{print-color-adjust:exact;-webkit-print-color-adjust:exact}}.tsp-body .skip-link{position:absolute;top:-100%;left:8px;z-index:9999;padding:8px 20px;border-radius:0 0 8px 8px;background:#5f3795;color:#fff;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:top .1s ease}.tsp-body .skip-link:focus{top:0}.tsp-body{min-height:100vh;min-width:320px;margin:0;color:#20162b;background:radial-gradient(circle at 10% 5%,rgba(255,102,0,.11),transparent 26rem),radial-gradient(circle at 90% 5%,rgba(95,55,149,.14),transparent 30rem),#eeecf2;font-family:var(--kllc-font-thai, "Kanit", system-ui, sans-serif)}.tsp-toolbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(1120px,calc(100% - 32px));margin:18px auto;padding:12px 14px 12px 18px;border:1px solid rgba(95,55,149,.18);border-radius:18px;background:#ffffffeb;box-shadow:0 18px 50px -28px #24083f6b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tsp-toolbar-copy{display:flex;align-items:center;gap:12px;min-width:0}.tsp-toolbar-mark{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:12px;color:#fff;background:linear-gradient(145deg,#5f3795,#321058);font-size:12px;font-weight:600;letter-spacing:.06em}.tsp-toolbar-copy strong{display:block;color:#321058;font-size:14px}.tsp-toolbar-copy span{display:block;overflow:hidden;margin-top:2px;color:#766f80;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.tsp-toolbar-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.tsp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 15px;border:1px solid #e6deed;border-radius:11px;color:#321058;background:#fff;text-decoration:none;font:inherit;font-size:12px;font-weight:600;cursor:pointer}.tsp-btn.primary{border-color:#f60;color:#fff;background:#f60}.tsp-sheet-shell{width:100%;overflow-x:auto;padding:8px 24px 56px}.tsp-gate{max-width:34rem;margin:12vh auto 0;padding:32px 28px;text-align:center;background:#fff;border:1px solid #e2ddea;border-radius:16px;box-shadow:0 24px 60px -40px #24083f66}.tsp-gate h1{margin:0 0 12px;font-size:20px;font-weight:700;color:#20162b}.tsp-gate p{margin:0 0 20px;font-size:14px;line-height:1.7;color:#4a3d59}.tsp-gate .tsp-btn{display:inline-flex}.tsp-sheet-img{display:block;width:210mm;height:297mm;margin:0 auto;object-fit:contain;background:#fff;box-shadow:0 30px 80px -36px #24083f7a}.tsp-body.embed{background:#fff}.tsp-body.embed .tsp-toolbar{display:none}.tsp-body.embed .tsp-sheet-shell{overflow:hidden;padding:0}.tsp-body.embed .tsp-sheet-img{width:100%;height:auto;margin:0;box-shadow:none}@media(max-width:760px){.tsp-toolbar{align-items:stretch;flex-direction:column}.tsp-toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.tsp-sheet-shell{padding-inline:12px}}@media(max-width:420px){.tsp-toolbar{width:min(100% - 20px,1120px);margin-block:10px;padding:11px;border-radius:14px}.tsp-toolbar-copy span{white-space:normal}.tsp-toolbar-actions{grid-template-columns:1fr}.tsp-sheet-shell{padding-inline:10px}}@page{size:A4 portrait;margin:0}@media print{html,body,.tsp-body{background:#fff!important}.tsp-toolbar{display:none!important}.tsp-sheet-shell{overflow:visible;padding:0}.tsp-sheet-img{width:210mm;height:297mm;margin:0;box-shadow:none}.nong-launcher,.cookie-consent-banner{display:none!important}}.cbk-page .page-header{padding:24px 0 16px}.cbk-page .cbk-kicker{font-family:Jost,sans-serif;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--kllc-orange, #ff6600);margin-bottom:4px}.cbk-page .cbk-title{font-family:Kanit,sans-serif;font-weight:600;font-size:26px;color:var(--kllc-purple-ink, #24083f);margin:0 0 6px}.cbk-page .cbk-desc{font-family:Kanit,sans-serif;font-weight:300;font-size:14px;color:var(--kllc-muted, #70687d);line-height:1.65;margin:0;max-width:580px}.cbk-page .cbk-card{background:#fff;border:1px solid var(--kllc-border, #e8e3ef);border-radius:22px;box-shadow:0 8px 28px -18px #24083f29}.cbk-page .cbk-card-head{padding:22px 26px 16px;border-bottom:1px solid var(--kllc-border, #e8e3ef);display:flex;align-items:center;gap:14px}.cbk-page .cbk-card-head .ic{flex:none;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#5f3795,#6b3bb1);display:grid;place-items:center;color:#fff}.cbk-page .cbk-card-head h2{font-family:Kanit,sans-serif;font-weight:600;font-size:18px;color:var(--kllc-purple-ink, #24083f);margin:0 0 2px}.cbk-page .cbk-card-head p{font-family:Kanit,sans-serif;font-size:12px;color:var(--kllc-muted, #70687d);margin:0}.cbk-page .cbk-stats{display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin:20px 0}@media(max-width:900px){.cbk-page .cbk-stats{grid-template-columns:1fr 1fr}}@media(max-width:500px){.cbk-page .cbk-stats{grid-template-columns:1fr}}.cbk-page .cbk-stat{background:#fff;border:1px solid var(--kllc-border, #e8e3ef);border-radius:18px;padding:18px 20px;box-shadow:0 4px 16px -10px #24083f1f}.cbk-page .cbk-stat .sk{font-family:Jost,sans-serif;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--kllc-muted, #70687d)}.cbk-page .cbk-stat .sv{font-family:Jost,sans-serif;font-weight:800;font-size:32px;line-height:1.1;margin:6px 0 4px;color:var(--kllc-purple, #5f3795)}.cbk-page .cbk-stat .sd{font-family:Kanit,sans-serif;font-size:12px;color:var(--kllc-muted, #70687d)}.cbk-page .cbk-stat.orange .sv{color:var(--kllc-orange, #ff6600)}.cbk-page .cbk-stat.green .sv{color:#16a34a}.cbk-page .cbk-stat.muted .sv{color:var(--kllc-muted, #70687d)}.cbk-page .cbk-error{display:flex;flex-direction:column;align-items:center;gap:14px;padding:48px 24px;text-align:center;border-radius:18px;background:var(--kllc-surface, #f8f7fb);border:1.5px dashed var(--kllc-border, #e8e3ef);margin:20px 0}.cbk-page .cbk-error svg{opacity:.45}.cbk-page .cbk-error .ep-title{font-family:Kanit,sans-serif;font-weight:600;font-size:16px;color:var(--kllc-purple-ink, #24083f);margin:0}.cbk-page .cbk-error .ep-desc{font-family:Kanit,sans-serif;font-size:13px;color:var(--kllc-muted, #70687d);line-height:1.6;margin:0}.cbk-page .cbk-retry{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 22px;border:0;border-radius:99px;background:var(--kllc-purple, #5f3795);color:#fff;font-family:Kanit,sans-serif;font-weight:600;font-size:13px;cursor:pointer;transition:opacity .15s,transform .1s}.cbk-page .cbk-retry:hover{opacity:.85}.cbk-page .cbk-retry:active{transform:scale(.97)}.cbk-page .cbk-loaded{animation:cbk-fade-in .35s ease both}@keyframes cbk-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.cbk-page .cbk-loaded{animation:none}}.cbk-page .cbk-table{width:100%;border-collapse:collapse}.cbk-page .cbk-table th{text-align:left;padding:10px 14px;font-family:Jost,sans-serif;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--kllc-muted, #70687d);border-bottom:1px solid var(--kllc-border, #e8e3ef)}.cbk-page .cbk-table td{padding:14px;border-bottom:1px solid var(--kllc-border, #e8e3ef);font-family:Kanit,sans-serif;font-size:13px;color:var(--kllc-purple-ink, #24083f);vertical-align:middle}.cbk-page .cbk-table tr:last-child td{border-bottom:0}.cbk-page .cbk-table tr:hover td{background:var(--kllc-surface, #f8f7fb)}.cbk-page .cbk-course-title{font-weight:600}.cbk-page .cbk-course-code{font-size:12px;color:var(--kllc-muted, #70687d);margin-top:2px}.cbk-page .cbk-credits{font-family:Jost,sans-serif;font-weight:700;color:var(--kllc-purple, #5f3795)}.cbk-page .cbk-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:99px;font-family:Jost,sans-serif;font-size:10px;font-weight:700}.cbk-page .cbk-pill.green{background:#16a34a1f;color:#15803d}.cbk-page .cbk-pill.orange{background:#ff66001f;color:#c2410c}.cbk-page .cbk-pill.muted{background:var(--kllc-surface, #f8f7fb);color:var(--kllc-muted, #70687d)}.cbk-page .cbk-banner{background:linear-gradient(135deg,#2a0e55,#5f3795 60%,#f60 130%);border-radius:20px;padding:24px 28px;color:#fff;display:flex;gap:20px;align-items:flex-start;position:relative;overflow:hidden;margin:24px 0 48px}.cbk-page .cbk-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 88% 10%,rgba(255,255,255,.12),transparent 38%)}.cbk-page .cbk-banner>*{position:relative;z-index:1}.cbk-page .cbk-banner .ib-icon{flex:none;width:48px;height:48px;border-radius:14px;background:#ffffff2e;display:grid;place-items:center}.cbk-page .cbk-banner h3{font-family:Kanit,sans-serif;font-weight:600;font-size:17px;margin:0 0 6px;color:#fff}.cbk-page .cbk-banner p{font-family:Kanit,sans-serif;font-size:13px;line-height:1.65;opacity:.88;margin:0;color:#fff}@media(max-width:640px){.cbk-page .cbk-banner{flex-direction:column;gap:12px}}.cbk-page .cbk-empty{padding:36px 24px;text-align:center;font-family:Kanit,sans-serif;font-size:13px;color:var(--kllc-muted, #70687d)}.asg-page .page-intro{padding:26px 0 20px}.asg-page .page-kicker{font-family:Jost,sans-serif;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--kllc-orange, #ff6600);margin-bottom:4px}.asg-page .page-intro h1{font-family:Kanit,sans-serif;font-weight:600;font-size:28px;line-height:1.15;color:var(--kllc-purple-deep, #321058);margin:0}.asg-page .page-intro p{margin:6px 0 0;font-family:Kanit,sans-serif;font-weight:300;color:var(--kllc-muted, #70687d);font-size:14px;line-height:1.6}.asg-page .asg-card{background:#fff;border:1px solid var(--kllc-border, #e8e3ef);border-radius:22px;box-shadow:0 18px 50px -28px #24083f59}.asg-page .pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:99px;font-size:11px;font-weight:700;font-family:Kanit,sans-serif}.asg-page .pill-pending{background:#f39c1226;color:#c97a06}.asg-page .pill-submitted{background:#4c7bd921;color:#3b6ac0}.asg-page .pill-approved{background:#2ecc7124;color:#1e9e54}.asg-page .pill-revision{background:#ee346821;color:#c02057}.asg-page .pill-dot{width:5px;height:5px;border-radius:99px;background:currentColor}.asg-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;font-weight:600;font-family:Kanit,sans-serif;transition:all .15s;white-space:nowrap;border-radius:99px}.asg-page .btn:disabled{opacity:.4;cursor:not-allowed}.asg-page .btn-primary{background:var(--kllc-orange, #ff6600);color:#fff;box-shadow:0 18px 34px -20px #ff6600b8;height:44px;padding:0 24px;font-size:14px}.asg-page .btn-primary:hover:not(:disabled){background:#e55c00;transform:translateY(-1px)}.asg-page .btn-outline{background:#fff;color:var(--kllc-purple, #5f3795);border:1px solid var(--kllc-border, #e8e3ef);height:38px;padding:0 16px;font-size:13px}.asg-page .btn-outline:hover:not(:disabled){border-color:var(--kllc-purple, #5f3795)}.asg-page .btn-mini-outline{height:30px;padding:0 12px;border-radius:99px;background:#fff;color:var(--kllc-purple, #5f3795);border:1px solid var(--kllc-border, #e8e3ef);font-family:Kanit,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .12s}.asg-page .btn-mini-outline:hover{border-color:var(--kllc-purple, #5f3795)}.asg-page .submit-layout{display:grid;grid-template-columns:290px 1fr;gap:20px;align-items:start;margin-bottom:28px}@media(max-width:960px){.asg-page .submit-layout{grid-template-columns:1fr}}.asg-page .course-list-panel{position:sticky;top:100px}.asg-page .course-list-panel .asg-card{padding:8px}.asg-page .course-list-title{padding:10px 10px 6px;font-family:Kanit,sans-serif;font-size:11px;font-weight:600;color:var(--kllc-muted, #70687d);letter-spacing:.08em;text-transform:uppercase}.asg-page .course-btn{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:transparent;border:0;font-family:Kanit,sans-serif;font-size:13px;font-weight:500;color:var(--kllc-ink, #16121e);text-align:left;cursor:pointer;transition:background .12s}.asg-page .course-btn:hover{background:var(--kllc-surface, #f8f7fb)}.asg-page .course-btn.on{background:var(--kllc-purple-soft, #f2ebf7);color:var(--kllc-purple, #5f3795)}.asg-page .course-dot{width:36px;height:36px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;font-family:Jost,sans-serif;font-weight:800;font-size:11px;color:#fff;background:var(--kllc-purple, #5f3795)}.asg-page .course-dot.c1{background:var(--kllc-orange, #ff6600)}.asg-page .course-dot.c2{background:#0d9488}.asg-page .course-dot.c3{background:#16a34a}.asg-page .course-info{flex:1;min-width:0}.asg-page .course-info strong{display:block;font-weight:600;font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asg-page .course-info span{font-size:11px;color:var(--kllc-muted, #70687d);font-weight:400}.asg-page .badge-count{flex-shrink:0;height:20px;min-width:20px;padding:0 5px;border-radius:99px;background:var(--kllc-orange, #ff6600);color:#fff;font-family:Jost,sans-serif;font-size:10px;font-weight:800;display:grid;place-items:center}.asg-page .assign-list{display:none;padding:0 0 8px 46px;gap:4px;flex-direction:column}.asg-page .assign-list.open{display:flex}.asg-page .assign-link{padding:7px 10px;border-radius:10px;background:transparent;border:0;font-family:Kanit,sans-serif;font-size:12px;text-align:left;cursor:pointer;transition:background .12s;display:flex;align-items:center;gap:6px;color:var(--kllc-ink, #16121e)}.asg-page .assign-link:hover{background:var(--kllc-surface, #f8f7fb)}.asg-page .assign-link.on{background:var(--kllc-orange-soft, #fff4eb);color:var(--kllc-orange, #ff6600);font-weight:600}.asg-page .assign-status-dot{width:6px;height:6px;border-radius:99px;flex-shrink:0}.asg-page .upload-panel .asg-card{padding:28px}.asg-page .empty-state{text-align:center;padding:64px 24px}.asg-page .empty-state svg{margin:0 auto 16px;color:var(--kllc-border, #e8e3ef)}.asg-page .empty-state h3{font-size:16px;font-weight:500;color:var(--kllc-muted, #70687d);margin:0}.asg-page .empty-state p{font-size:13px;color:var(--kllc-muted, #70687d);margin:4px 0 0;font-weight:300}.asg-page .assign-header{margin-bottom:20px}.asg-page .assign-title{font-size:20px;font-weight:600;color:var(--kllc-purple-deep, #321058);margin:6px 0 0}.asg-page .assign-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;font-size:13px;color:var(--kllc-muted, #70687d);align-items:center}.asg-page .assign-meta span{display:flex;align-items:center;gap:4px}.asg-page .assign-desc{font-size:14px;line-height:1.7;color:var(--kllc-ink, #16121e);margin:0 0 20px;font-weight:300}.asg-page .upload-section{margin-bottom:22px}.asg-page .upload-section-title{font-size:14px;font-weight:600;color:var(--kllc-purple-deep, #321058);margin-bottom:10px;display:flex;align-items:center;gap:6px}.asg-page .upload-zone{border:2px dashed var(--kllc-border, #e8e3ef);border-radius:16px;padding:32px 24px;text-align:center;background:var(--kllc-surface, #f8f7fb);transition:border-color .15s,background .15s;cursor:pointer;position:relative}.asg-page .upload-zone:hover,.asg-page .upload-zone.drag-over{border-color:var(--kllc-orange, #ff6600);background:var(--kllc-orange-soft, #fff4eb)}.asg-page .upload-zone svg{margin:0 auto 10px;color:var(--kllc-orange, #ff6600)}.asg-page .upload-zone p{font-size:14px;font-weight:500;color:var(--kllc-ink, #16121e);margin:0 0 4px}.asg-page .upload-zone small{font-size:12px;color:var(--kllc-muted, #70687d);font-weight:300}.asg-page .upload-zone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.asg-page .type-chips{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;margin-top:10px}.asg-page .type-chip{padding:2px 8px;border-radius:99px;background:#fff;border:1px solid var(--kllc-border, #e8e3ef);font-size:10px;font-weight:700;color:var(--kllc-muted, #70687d);font-family:Jost,sans-serif;text-transform:uppercase}.asg-page .file-list{display:grid;gap:7px;margin-top:10px}.asg-page .file-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:#fff;border:1px solid var(--kllc-border, #e8e3ef)}.asg-page .file-icon{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;flex-shrink:0;font-family:Jost,sans-serif;font-size:9px;font-weight:800;color:#fff;background:var(--kllc-purple, #5f3795);text-transform:uppercase}.asg-page .file-icon.pdf{background:#e74c3c}.asg-page .file-icon.doc,.asg-page .file-icon.docx{background:#3b82f6}.asg-page .file-icon.jpg,.asg-page .file-icon.png{background:#10b981}.asg-page .file-icon.zip{background:#8b5cf6}.asg-page .file-name{flex:1;min-width:0;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asg-page .file-name button{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}.asg-page .file-name span{display:block;font-size:11px;color:var(--kllc-muted, #70687d);font-weight:400}.asg-page .file-remove{width:24px;height:24px;border-radius:99px;border:0;background:transparent;color:var(--kllc-muted, #70687d);display:grid;place-items:center;cursor:pointer;transition:all .12s}.asg-page .file-remove:hover{background:#e74c3c1a;color:#e74c3c}.asg-page .url-input-wrap{display:flex;gap:8px}.asg-page .url-input{flex:1;height:44px;border-radius:10px;border:1px solid var(--kllc-border, #e8e3ef);padding:0 14px;font-family:Kanit,sans-serif;font-size:14px;outline:none;background:var(--kllc-surface, #f8f7fb);transition:border-color .15s}.asg-page .url-input:focus{border-color:var(--kllc-orange, #ff6600);background:#fff}.asg-page .btn-add-url{height:44px;padding:0 16px;border-radius:10px;background:var(--kllc-purple-soft, #f2ebf7);color:var(--kllc-purple, #5f3795);border:0;font-family:Kanit,sans-serif;font-weight:600;font-size:13px;cursor:pointer;transition:background .12s,color .12s}.asg-page .btn-add-url:hover{background:var(--kllc-purple, #5f3795);color:#fff}.asg-page .url-list{display:grid;gap:6px;margin-top:8px}.asg-page .url-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:#4c7bd912;border:1px solid rgba(76,123,217,.18)}.asg-page .url-item a{font-size:12px;color:#3b6ac0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asg-page .submit-bar{display:flex;justify-content:flex-end;gap:10px;align-items:center;padding-top:18px;border-top:1px solid var(--kllc-border, #e8e3ef);flex-wrap:wrap}.asg-page .submit-note{font-size:12px;color:var(--kllc-muted, #70687d);font-weight:300;margin-right:auto}.asg-page .existing-submission{padding:13px 15px;border-radius:12px;background:#2ecc7114;border:1px solid rgba(46,204,113,.22);display:flex;align-items:center;gap:12px;margin-bottom:18px}.asg-page .existing-submission.returned{background:#ee346812;border-color:#ee346833}.asg-page .existing-submission svg{color:#1e9e54;flex-shrink:0}.asg-page .existing-submission.returned svg{color:#c02057}.asg-page .existing-submission p{font-size:13px;color:var(--kllc-ink, #16121e);margin:0}.asg-page .existing-submission strong{color:#1e9e54}.asg-page .existing-submission.returned strong{color:#c02057}.asg-page .history-section{margin-bottom:40px}.asg-page .section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.asg-page .section-head h2{font-size:18px;font-weight:600;color:var(--kllc-purple-deep, #321058);margin:0}.asg-page .table-card{background:#fff;border:1px solid var(--kllc-border, #e8e3ef);border-radius:16px;overflow:hidden;box-shadow:0 18px 50px -28px #24083f59}.asg-page .table-header,.asg-page .table-row{display:grid;grid-template-columns:minmax(200px,1fr) 130px 130px 130px 90px;padding:12px 20px;align-items:center}.asg-page .table-header{padding:10px 20px;background:var(--kllc-surface, #f8f7fb);border-bottom:1px solid var(--kllc-border, #e8e3ef);font-size:11px;font-weight:700;color:var(--kllc-muted, #70687d);text-transform:uppercase;letter-spacing:.08em;font-family:Jost,sans-serif}.asg-page .table-row{border-bottom:1px solid var(--kllc-border, #e8e3ef);font-size:13px;transition:background .12s}.asg-page .table-row:last-child{border-bottom:0}.asg-page .table-row:hover{background:var(--kllc-surface, #f8f7fb)}.asg-page .row-title{font-weight:600;font-size:13px;line-height:1.3}.asg-page .row-title span{display:block;font-size:11px;font-weight:400;color:var(--kllc-muted, #70687d);margin-top:1px}.asg-page .file-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:5px;font-size:10px;font-weight:800;font-family:Jost,sans-serif;color:#fff;margin-right:3px;background:#e74c3c;text-transform:uppercase}.asg-page .file-badge.url{background:#4c7bd9}@media(max-width:840px){.asg-page .table-header,.asg-page .table-row{grid-template-columns:1fr auto}.asg-page .table-header span:not(:first-child):not(:last-child),.asg-page .table-row>*:not(:first-child):not(:last-child){display:none}}.asg-page .asg-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(80px);background:var(--kllc-purple-ink, #24083f);color:#fff;padding:12px 24px;border-radius:99px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;box-shadow:0 8px 24px #24083f59;z-index:99;transition:transform .3s cubic-bezier(.23,1,.32,1)}@media(prefers-reduced-motion:reduce){.asg-page .asg-toast{transition:none}}.asg-page .asg-toast.show{transform:translate(-50%) translateY(0)}.asg-page .asg-toast .toast-dot{width:8px;height:8px;border-radius:99px;background:#2ecc71}.asg-page .asg-loading{text-align:center;padding:48px;color:var(--kllc-muted, #70687d);font-family:Kanit,sans-serif;font-size:13px}.rcp-page .rcp-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:24px 0 16px}.rcp-page .rcp-hero h1{font-family:Kanit,sans-serif;font-weight:600;font-size:26px;color:var(--kllc-purple-ink, #24083f);margin:0 0 6px}.rcp-page .rcp-hero p{font-family:Kanit,sans-serif;font-weight:300;font-size:14px;color:var(--kllc-muted, #70687d);line-height:1.65;margin:0;max-width:560px}.rcp-page .rcp-hero-stat{display:flex;gap:24px;flex:none}.rcp-page .hs-item{text-align:right}.rcp-page .hs-value{font-family:Jost,sans-serif;font-weight:800;font-size:26px;color:var(--kllc-purple, #5f3795);line-height:1.1}.rcp-page .hs-label{font-family:Kanit,sans-serif;font-size:12px;color:var(--kllc-muted, #70687d);margin-top:2px}.rcp-page .rcp-note{display:flex;align-items:flex-start;gap:10px;padding:12px 18px;border-radius:14px;background:#5f37950f;border:1px solid var(--kllc-border, #e8e3ef);font-family:Kanit,sans-serif;font-size:13px;color:var(--kllc-purple-ink, #24083f);line-height:1.6;margin-bottom:16px}.rcp-page .rcp-filter{display:flex;align-items:center;gap:12px;margin:4px 0 16px;flex-wrap:wrap}.rcp-page .rcp-filter .fb-label{font-family:Kanit,sans-serif;font-size:13px;color:var(--kllc-muted, #70687d)}.rcp-page .rcp-seg{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--kllc-border, #e8e3ef);border-radius:12px;background:#fff;flex-wrap:wrap}.rcp-page .rcp-seg button{min-height:32px;padding:0 14px;border:0;border-radius:9px;color:var(--kllc-muted, #70687d);background:transparent;font-family:Kanit,sans-serif;font-size:12px;font-weight:500;cursor:pointer}.rcp-page .rcp-seg button.on{color:#fff;background:var(--kllc-purple-deep, #321058)}.rcp-page .rcp-list{display:grid;gap:12px;margin-bottom:48px}.rcp-page .rcp-card{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:18px 22px;background:#fff;border:1px solid var(--kllc-border, #e8e3ef);border-radius:18px;box-shadow:0 6px 22px -16px #24083f24}.rcp-page .rc-icon{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:20px;background:linear-gradient(135deg,#5f3795,#6b3bb1);color:#fff}.rcp-page .rc-icon.free{background:linear-gradient(135deg,#1e9e54,#2ecc71)}.rcp-page .rc-main h3{font-family:Kanit,sans-serif;font-weight:600;font-size:15px;color:var(--kllc-purple-ink, #24083f);margin:0 0 6px}.rcp-page .rc-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-family:Kanit,sans-serif;font-size:12px;color:var(--kllc-muted, #70687d)}.rcp-page .rc-method{font-size:11px;font-family:Jost,Kanit,system-ui,sans-serif;padding:2px 8px;border-radius:99px;font-weight:600}.rcp-page .rc-method.pp{background:#2ecc711f;color:#1e9e54}.rcp-page .rc-method.cc{background:#ff66001f;color:#c05000}.rcp-page .rc-method.fr{background:#2ecc711f;color:#1e9e54}.rcp-page .rc-method.other{background:#5f37951a;color:#5f3795}.rcp-page .rc-status{font-size:11px;font-weight:700;padding:3px 10px;border-radius:99px;font-family:Jost,Kanit,system-ui,sans-serif;letter-spacing:.04em}.rcp-page .rc-status.paid{background:#2ecc7124;color:#1e9e54}.rcp-page .rc-status.pending{background:#f39c1224;color:#c97a06}.rcp-page .rc-status.failed{background:#e74c3c24;color:#c0392b}.rcp-page .rc-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.rcp-page .rc-amount{font-size:20px;font-weight:700;font-family:Jost,Kanit,system-ui,sans-serif;color:var(--kllc-purple-ink, #24083f);white-space:nowrap}.rcp-page .rc-amount.free{color:#2ecc71;font-size:16px}.rcp-page .rc-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.rcp-page .btn-rc{height:32px;padding:0 14px;border-radius:8px;font-family:Kanit,sans-serif;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--kllc-border, #e8e3ef);background:#fff;color:var(--kllc-purple-ink, #24083f);text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all .15s}.rcp-page .btn-rc:hover{border-color:var(--kllc-purple, #5f3795);color:var(--kllc-purple, #5f3795)}.rcp-page .btn-rc.primary{background:var(--kllc-purple, #5f3795);color:#fff;border-color:var(--kllc-purple, #5f3795)}.rcp-page .btn-rc.primary:hover{background:#6b3bb1}.rcp-page .rcp-empty{text-align:center;padding:60px 20px;color:var(--kllc-muted, #70687d);font-family:Kanit,sans-serif}.rcp-page .rcp-empty h3{font-size:16px;font-weight:700;color:var(--kllc-purple-deep, #321058);margin:12px 0 8px}.rcp-page .rcp-empty p{font-size:13px;margin:0}@media(max-width:768px){.rcp-page .rcp-card{grid-template-columns:1fr}.rcp-page .rc-right{align-items:flex-start}.rcp-page .rcp-hero{flex-direction:column;align-items:flex-start}.rcp-page .rcp-hero-stat{align-self:stretch;justify-content:flex-start}.rcp-page .hs-item{text-align:left}}.rcp-page .rcp-modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:20px}.rcp-page .rcp-modal{width:min(560px,100%);max-height:90vh;overflow-y:auto;background:#fff;border-radius:20px;padding:28px;box-shadow:0 26px 70px -32px #5f37957a;font-family:Kanit,sans-serif}.rcp-page .rcp-modal h2{font-size:18px;font-weight:600;color:var(--kllc-purple-deep, #321058);margin:0 0 4px}.rcp-page .rcp-modal .rm-sub{font-size:12px;color:var(--kllc-muted, #70687d);margin:0 0 18px}.rcp-page .rcp-modal dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:0 0 20px;font-size:13px}.rcp-page .rcp-modal dt{color:var(--kllc-muted, #70687d)}.rcp-page .rcp-modal dd{margin:0;color:var(--kllc-purple-ink, #24083f);font-weight:500;word-break:break-all}.rcp-page .rcp-modal .rm-amount{font-family:Jost,sans-serif;font-size:28px;font-weight:800;color:var(--kllc-purple, #5f3795);margin-bottom:18px}.rcp-page .rcp-modal .rm-actions{display:flex;gap:8px;justify-content:flex-end}@media print{.rcp-page .rcp-hero,.rcp-page .rcp-note,.rcp-page .rcp-filter,.rcp-page .rcp-list,.learner-shell aside,.learner-shell header{display:none!important}.rcp-page .rcp-modal-scrim{position:static;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.rcp-page .rcp-modal{box-shadow:none;max-height:none}.rcp-page .rcp-modal .rm-actions{display:none}}.learner-shell .v2-career .goal-card{margin-top:8px;padding:28px;background:linear-gradient(135deg,#2a0e55,#5f3795 60%,#f60 130%);border-radius:28px;color:#fff;display:grid;gap:28px;grid-template-columns:1.4fr 1fr;position:relative;overflow:hidden}.learner-shell .v2-career .goal-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 14% 20%,rgba(255,255,255,.18),transparent 32%),radial-gradient(circle at 86% 80%,rgba(238,52,104,.36),transparent 38%)}.learner-shell .v2-career .goal-card>*{position:relative;z-index:1}@media(max-width:900px){.learner-shell .v2-career .goal-card{grid-template-columns:1fr}}.learner-shell .v2-career .goal-info .pin-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:99px;background:#fff3;border:1px solid rgba(255,255,255,.32);font-family:Jost,sans-serif;font-weight:800;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.learner-shell .v2-career .goal-badges{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.learner-shell .v2-career .goal-info .source-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:99px;font-family:Kanit,sans-serif;font-weight:500;font-size:11px;border:1px solid rgba(255,255,255,.32);background:#ffffff29}.learner-shell .v2-career .goal-info .source-badge.rec{background:#4c7bd952}.learner-shell .v2-career .goal-info .source-badge.self{background:#ffaa4052}.learner-shell .v2-career .goal-info h2{font-family:Jost,sans-serif;font-weight:800;font-size:38px;margin:12px 0 2px;line-height:1.1}.learner-shell .v2-career .goal-info .role-th{font-family:Kanit,sans-serif;font-weight:500;font-size:16px;color:var(--fg-on-dark-muted);margin:0}.learner-shell .v2-career .goal-stats{margin-top:20px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}@media(max-width:600px){.learner-shell .v2-career .goal-stats{grid-template-columns:1fr 1fr}}.learner-shell .v2-career .goal-stats .gs{background:#ffffff1a;border-radius:14px;padding:12px 14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.16)}.learner-shell .v2-career .goal-stats .k{font-family:Jost,sans-serif;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-on-dark-muted)}.learner-shell .v2-career .goal-stats .v{font-family:Jost,sans-serif;font-weight:800;font-size:22px;line-height:1;margin-top:6px}.learner-shell .v2-career .goal-stats .v .unit{font-weight:500;font-size:11px;color:var(--fg-on-dark-muted);margin-left:4px}.learner-shell .v2-career .goal-actions{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}.learner-shell .v2-career .goal-actions .btn-glass{background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.32);height:42px;padding:0 20px;border-radius:99px;font-family:Kanit,sans-serif;font-weight:500;font-size:14px}.learner-shell .v2-career .match-ring-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.learner-shell .v2-career .match-ring{position:relative;width:200px;height:200px}.learner-shell .v2-career .match-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.learner-shell .v2-career .match-ring .center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center}.learner-shell .v2-career .match-ring .pct{font-family:Jost,sans-serif;font-weight:800;font-size:48px;line-height:1;color:#fff}.learner-shell .v2-career .match-ring .pct small{display:block;font-family:Jost,sans-serif;font-weight:600;font-size:12px;color:var(--fg-on-dark-muted);margin-top:4px;letter-spacing:.14em;text-transform:uppercase}.learner-shell .v2-career .formula-row{font-family:Jost,Kanit,system-ui,sans-serif;font-size:11px;color:var(--fg-on-dark-soft);background:#ffffff14;padding:6px 14px;border-radius:99px;border:1px solid rgba(255,255,255,.16)}.learner-shell .v2-career .gap-card{margin-top:22px;padding:26px}.learner-shell .v2-career .gap-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.learner-shell .v2-career .gap-head h2{font-family:Kanit,sans-serif;font-weight:600;font-size:20px;margin:6px 0 0}.learner-shell .v2-career .gap-head .formula-pill{display:inline-flex;flex-direction:column;align-items:flex-start;gap:3px;font-family:Jost,sans-serif;font-size:10px;font-weight:700;letter-spacing:.04em;line-height:1.35;padding:7px 12px;border-radius:14px;background:var(--kllc-purple-soft);color:var(--kllc-purple)}.learner-shell .v2-career .gap-head .formula-pill code{font-family:Jost,Kanit,system-ui,sans-serif;background:#ffffffb3;padding:1px 6px;border-radius:6px;margin:0 2px}.learner-shell .v2-career .gap-head .formula-pill .plain{font-family:Kanit,sans-serif;font-size:11px;font-weight:400;letter-spacing:0;color:var(--kllc-muted)}.learner-shell .v2-career .gap-analysis-grid{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.8fr);gap:18px;align-items:stretch}@media(max-width:920px){.learner-shell .v2-career .gap-analysis-grid{grid-template-columns:1fr}}.learner-shell .v2-career .surplus-panel{background:linear-gradient(180deg,#2ecc7121,#5f37950d),var(--kllc-surface);border:1px solid rgba(46,204,113,.22);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:14px}.learner-shell .v2-career .surplus-panel .label{font-family:Jost,sans-serif;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--kllc-success-deep)}.learner-shell .v2-career .surplus-panel h3{font-family:Kanit,sans-serif;font-size:18px;font-weight:600;line-height:1.25;margin:0;color:var(--fg-1)}.learner-shell .v2-career .surplus-panel p{font-family:Kanit,sans-serif;font-size:12px;line-height:1.6;margin:0;color:var(--kllc-muted)}.learner-shell .v2-career .surplus-list{display:flex;flex-direction:column;gap:10px;margin-top:2px}.learner-shell .v2-career .surplus-item{background:#ffffffb8;border:1px solid rgba(46,204,113,.18);border-radius:14px;padding:12px}.learner-shell .v2-career .surplus-item .top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.learner-shell .v2-career .surplus-item .name{font-family:Kanit,sans-serif;font-size:13px;font-weight:500;color:var(--fg-1)}.learner-shell .v2-career .surplus-item .score{font-family:Jost,sans-serif;font-size:14px;font-weight:800;color:var(--kllc-success-deep);white-space:nowrap}.learner-shell .v2-career .surplus-track{position:relative;height:8px;overflow:hidden;border-radius:99px;background:#2ecc7129}.learner-shell .v2-career .surplus-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--kllc-success),var(--kllc-purple))}.learner-shell .v2-career .surplus-panel .note{display:inline-flex;align-items:center;width:fit-content;padding:6px 10px;border-radius:99px;background:#2ecc711f;color:var(--kllc-success-deep);font-family:Kanit,sans-serif;font-size:11px;font-weight:500}.learner-shell .v2-career .gap-matrix-head{display:grid;grid-template-columns:1.35fr .76fr .76fr 1.16fr 1.28fr;padding:10px 18px;gap:16px;font-family:Jost,sans-serif;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--kllc-muted);background:var(--kllc-surface);border-radius:12px}@media(max-width:720px){.learner-shell .v2-career .gap-matrix-head{display:none}}.learner-shell .v2-career .gap-matrix-row{display:grid;grid-template-columns:1.35fr .76fr .76fr 1.16fr 1.28fr;padding:14px 18px;gap:16px;align-items:center;border-bottom:1px solid var(--kllc-border-soft, #F0EDF5)}.learner-shell .v2-career .gap-matrix-row:last-child{border-bottom:0}@media(max-width:720px){.learner-shell .v2-career .gap-matrix-row{grid-template-columns:1fr;gap:6px;padding:14px 18px}}.learner-shell .v2-career .gap-matrix-row.deficit{margin:8px 0;border:1px solid rgba(255,102,0,.38);border-left:5px solid var(--kllc-orange);border-radius:16px;background:linear-gradient(90deg,#ff660021,#ffffffeb 48%),var(--kllc-surface);box-shadow:0 10px 24px #ff660014}.learner-shell .v2-career .gap-matrix-row.deficit+.gap-matrix-row.deficit{margin-top:10px}.learner-shell .v2-career .gap-matrix-row .skill{font-family:Kanit,sans-serif;font-weight:500;font-size:14px;color:var(--fg-1)}.learner-shell .v2-career .gap-matrix-row .skill small{display:block;font-family:Kanit,sans-serif;font-weight:300;font-size:11px;color:var(--kllc-muted);margin-top:2px}.learner-shell .v2-career .gap-matrix-row .cell{font-family:Jost,sans-serif;font-weight:700;font-size:13px;color:var(--fg-1)}.learner-shell .v2-career .gap-matrix-row .cell.dim{color:var(--kllc-muted)}.learner-shell .v2-career .gap-matrix-row .gap-cell{display:flex;align-items:center;gap:8px}.learner-shell .v2-career .gap-matrix-row .gap-bar{flex:1;height:8px;background:#f0edf5;border-radius:99px;overflow:hidden;position:relative}.learner-shell .v2-career .gap-matrix-row .gap-bar .cur{height:100%;background:#5f379566;border-radius:99px}.learner-shell .v2-career .gap-matrix-row .gap-bar .thr-line{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--kllc-orange);border-radius:99px}.learner-shell .v2-career .gap-matrix-row.deficit .gap-bar{background:#ff660029;box-shadow:inset 0 0 0 1px #ff66002e}.learner-shell .v2-career .gap-matrix-row.deficit .gap-bar .cur{background:linear-gradient(90deg,var(--kllc-purple),var(--kllc-orange))}.learner-shell .v2-career .gap-matrix-row.deficit .skill{color:#38145d}.learner-shell .v2-career .gap-matrix-row .gap-val{font-family:Jost,sans-serif;font-weight:800;font-size:12px;color:var(--kllc-orange);width:92px;text-align:right;white-space:nowrap}.learner-shell .v2-career .gap-matrix-row.surplus .gap-val{color:var(--kllc-success-deep)}.learner-shell .v2-career .gap-matrix-row.met .gap-bar .cur{background:#2ecc7180}.learner-shell .v2-career .status-cell{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.learner-shell .v2-career .status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;border:1px solid transparent;font-family:Kanit,sans-serif;font-size:11px;font-weight:500;line-height:1.2;max-width:100%;white-space:normal;text-wrap:balance}.learner-shell .v2-career .status-pill.deficit{color:#b54700;background:#ff660024;border-color:#ff66005c}.learner-shell .v2-career .status-pill.surplus,.learner-shell .v2-career .status-pill.met{color:var(--kllc-success-deep);background:#2ecc7121;border-color:#2ecc7142}.learner-shell .v2-career .course-pick{height:32px;padding:0 13px;border-radius:99px;border:1px solid rgba(255,102,0,.42);background:var(--kllc-orange);color:#fff;font-family:Kanit,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;white-space:nowrap}.learner-shell .v2-career .course-pick:hover{transform:translateY(-1px);box-shadow:0 8px 18px #ff660038}.learner-shell .v2-career .course-pick.selected{background:var(--kllc-success-deep);border-color:#2ecc7157}.learner-shell .v2-career .course-pick:focus-visible,.learner-shell .v2-career .quest-action:focus-visible{outline:3px solid rgba(255,102,0,.24);outline-offset:2px}.learner-shell .v2-career .quest-card{margin-top:22px;padding:26px}.learner-shell .v2-career .quest-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.learner-shell .v2-career .quest-item{display:grid;gap:12px;grid-template-columns:44px 1fr auto auto;padding:14px 16px;background:var(--kllc-surface);border-radius:16px;align-items:center;border:1px solid transparent;transition:background .15s,border-color .15s}.learner-shell .v2-career .quest-item:hover{background:#fff;border-color:var(--kllc-orange)}.learner-shell .v2-career .quest-item.selected{background:#fff;border-color:var(--kllc-orange);box-shadow:0 0 0 3px #ff66001f,0 12px 28px #5f379514}@media(max-width:720px){.learner-shell .v2-career .quest-item{grid-template-columns:44px 1fr auto;gap:8px}.learner-shell .v2-career .quest-item .gap-target{display:none}}.learner-shell .v2-career .quest-num{width:32px;height:32px;border-radius:10px;background:#fff;color:var(--kllc-purple);display:grid;place-items:center;font-family:Jost,sans-serif;font-weight:800;font-size:13px;border:1px solid var(--kllc-border)}.learner-shell .v2-career .quest-info .name{font-family:Kanit,sans-serif;font-weight:500;font-size:15px;color:var(--fg-1)}.learner-shell .v2-career .quest-info .meta{font-family:Kanit,sans-serif;font-weight:300;font-size:12px;color:var(--kllc-muted);margin-top:2px}.learner-shell .v2-career .quest-info .meta b{color:var(--kllc-success-deep);font-family:Jost,sans-serif;font-weight:800}.learner-shell .v2-career .gap-target{font-family:Jost,sans-serif;font-weight:800;font-size:12px;color:var(--kllc-orange);text-align:right}.learner-shell .v2-career .gap-target small{display:block;font-family:Kanit,sans-serif;font-weight:300;font-size:10px;color:var(--kllc-muted);margin-top:2px}.learner-shell .v2-career .quest-action{height:36px;padding:0 16px;border-radius:99px;background:var(--kllc-orange);color:#fff;border:0;font-family:Kanit,sans-serif;font-weight:500;font-size:12px}.learner-shell .v2-career .quest-action.done{background:#2ecc712e;color:#1e9e54}.learner-shell .v2-career .quest-action.selected{background:var(--kllc-success-deep);color:#fff}.learner-shell .v2-career .projection{margin-top:22px;padding:26px}.learner-shell .v2-career .projection-bar{margin-top:16px;height:56px;border-radius:16px;background:linear-gradient(90deg,var(--kllc-success) 0%,var(--kllc-success) 28%,var(--kllc-orange) 28%,var(--kllc-orange) 64%,var(--kllc-purple) 64%,var(--kllc-purple) 100%);position:relative;display:flex;align-items:center;overflow:hidden}.learner-shell .v2-career .projection-bar .marker{position:absolute;top:-8px;bottom:-8px;width:3px;background:var(--fg-1);border-radius:99px}.learner-shell .v2-career .projection-bar .marker:after{content:"Today";position:absolute;top:-22px;left:50%;transform:translate(-50%);font-family:Jost,sans-serif;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-1);background:#fff;padding:3px 8px;border-radius:99px;border:1px solid var(--kllc-border);white-space:nowrap}.learner-shell .v2-career .projection-bar .seg-label{flex:1;padding:0 14px;color:#fff;font-family:Kanit,sans-serif;font-weight:500;font-size:13px;display:flex;align-items:center;gap:8px}.learner-shell .v2-career .projection-bar .seg-label b{font-family:Jost,sans-serif;font-weight:800;font-size:12px}.learner-shell .v2-career .projection-legend{margin-top:14px;display:flex;gap:18px;flex-wrap:wrap;font-family:Kanit,sans-serif;font-size:12px}.learner-shell .v2-career .projection-legend>span{display:inline-flex;align-items:center;gap:6px;color:var(--kllc-muted)}.learner-shell .v2-career .projection-legend .swatch{width:10px;height:10px;border-radius:99px}.learner-shell .v2-career .alt-card{margin-top:22px;padding:24px}.learner-shell .v2-career .alt-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.learner-shell .v2-career .alt-grid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}@media(max-width:980px){.learner-shell .v2-career .alt-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.learner-shell .v2-career .alt-grid{grid-template-columns:1fr}}.learner-shell .v2-career .alt-item{padding:16px;background:var(--kllc-surface);border-radius:16px;display:flex;flex-direction:column;gap:8px;border:1px solid transparent;transition:background .15s,border-color .15s,transform .15s}.learner-shell .v2-career .alt-item:hover{background:#fff;border-color:var(--kllc-orange);transform:translateY(-2px)}.learner-shell .v2-career .alt-item .top{display:flex;justify-content:space-between;align-items:baseline}.learner-shell .v2-career .alt-item .role{font-family:Jost,sans-serif;font-weight:800;font-size:15px}.learner-shell .v2-career .alt-item .role-th{font-family:Kanit,sans-serif;font-weight:500;font-size:12px;color:var(--kllc-muted);margin-top:-2px}.learner-shell .v2-career .alt-item .match{font-family:Jost,sans-serif;font-weight:800;font-size:22px;color:var(--kllc-purple)}.learner-shell .v2-career .alt-item .match small{font-family:Kanit,sans-serif;font-weight:300;font-size:10px;color:var(--kllc-muted);margin-left:4px}.learner-shell .v2-career .alt-item .alt-bar{height:6px;background:var(--kllc-border);border-radius:99px;overflow:hidden}.learner-shell .v2-career .alt-item .alt-bar>div{height:100%;background:linear-gradient(90deg,var(--kllc-purple),var(--kllc-pink));border-radius:99px}.learner-shell .v2-career .alt-item .alt-foot{display:flex;justify-content:space-between;align-items:center}.learner-shell .v2-career .alt-item .alt-gap{font-family:Kanit,sans-serif;font-weight:300;font-size:12px;color:var(--kllc-muted)}.learner-shell .v2-career .alt-item .alt-gap b{color:var(--kllc-orange);font-family:Jost,sans-serif;font-weight:800}.learner-shell .v2-career .alt-item .pin-btn{height:32px;padding:0 14px;border-radius:99px;background:#fff;color:var(--kllc-purple);border:1px solid var(--kllc-border);font-family:Kanit,sans-serif;font-weight:500;font-size:12px}.learner-shell .v2-career .alt-item .pin-btn:hover{border-color:var(--kllc-orange);color:var(--kllc-orange)}:root{--kllc-purple: #5F3795;--kllc-orange: #FF6600;--kllc-orange-soft: #FFF4EB;--kllc-muted: #70687D;--kllc-border: #E8E3EF;--kllc-surface: #F8F7FB;--font-mono: "Jost", "Kanit", system-ui, sans-serif}.learner-shell .wallet-head{margin-top:8px;padding:24px 26px;display:grid;gap:14px;grid-template-columns:1fr auto;align-items:center}@media(max-width:820px){.learner-shell .wallet-head{grid-template-columns:1fr}}.learner-shell .wallet-head h2{font-family:Kanit,sans-serif;font-weight:600;font-size:22px;margin:6px 0 0}.learner-shell .wallet-head p{font-family:Kanit,sans-serif;font-weight:300;font-size:13px;color:var(--kllc-muted);margin:6px 0 0;line-height:1.6;max-width:480px}.learner-shell .wallet-stats{display:flex;gap:16px}.learner-shell .wallet-stat{text-align:right}.learner-shell .wallet-stat .k{font-family:Jost,sans-serif;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--kllc-muted)}.learner-shell .wallet-stat .v{font-family:Jost,sans-serif;font-weight:800;font-size:28px;line-height:1;color:var(--kllc-orange);margin-top:4px}.learner-shell .cred-filters{margin-top:18px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;background:#fff;border:1px solid var(--kllc-border);border-radius:99px;padding:6px;box-shadow:var(--shadow-card)}.learner-shell .cred-filter{padding:8px 16px;border-radius:99px;background:transparent;border:0;font-family:Kanit,sans-serif;font-weight:500;font-size:13px;color:var(--fg-1);display:inline-flex;align-items:center;gap:6px}.learner-shell .cred-filter.on{background:var(--kllc-purple);color:#fff;box-shadow:0 10px 20px -8px #5f379566}.learner-shell .cred-filter .count{font-family:Jost,sans-serif;font-weight:800;font-size:10px;opacity:.7}.learner-shell .cred-grid{margin-top:22px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}@media(max-width:980px){.learner-shell .cred-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.learner-shell .cred-grid{grid-template-columns:1fr}}.learner-shell .cred-card{background:#fff;border:1px solid var(--kllc-border);border-radius:22px;overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.learner-shell .cred-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}.learner-shell .cred-banner{position:relative;height:140px;color:#fff;padding:18px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.learner-shell .cred-banner.b1{background:linear-gradient(135deg,#5f3795,#ee3468)}.learner-shell .cred-banner.b2{background:linear-gradient(135deg,#f60,#ee3468)}.learner-shell .cred-banner.b3{background:linear-gradient(135deg,#1e9e54,#0ea5e9)}.learner-shell .cred-banner.b4{background:linear-gradient(135deg,#321058,#5f3795 60%,#f60 130%)}.learner-shell .cred-banner.b5{background:linear-gradient(135deg,#c97a06,#f60)}.learner-shell .cred-banner.b6{background:linear-gradient(135deg,#6b3bb1,#4c7bd9)}.learner-shell .cred-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 80% 15%,rgba(255,255,255,.4),transparent 28%)}.learner-shell .cred-banner>*{position:relative;z-index:1}.learner-shell .cred-top-row{display:flex;justify-content:space-between;align-items:flex-start}.learner-shell .cred-badge{width:52px;height:52px;border-radius:16px;background:#ffffff2e;border:1px solid rgba(255,255,255,.32);display:grid;place-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.learner-shell .cred-badge svg{width:26px;height:26px}.learner-shell .cred-type-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:99px;background:#00000038;color:#fff;font-family:Jost,sans-serif;font-weight:800;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.learner-shell .cred-name{font-family:Jost,sans-serif;font-weight:800;font-size:18px;line-height:1.2;text-shadow:0 1px 12px rgba(36,8,63,.28)}.learner-shell .cred-name small{display:block;font-family:Kanit,sans-serif;font-weight:500;font-size:12px;color:var(--fg-on-dark-muted);opacity:1;margin-top:2px;text-shadow:0 1px 10px rgba(36,8,63,.34)}.learner-shell .cred-body{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1}.learner-shell .cred-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-family:Kanit,sans-serif;font-size:11px}.learner-shell .cred-meta-grid .k{font-family:Jost,sans-serif;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--kllc-muted)}.learner-shell .cred-meta-grid .v{color:var(--fg-1);font-weight:500;margin-top:2px}.learner-shell .cred-meta-grid .v.mono{font-family:var(--font-mono);font-weight:500;font-size:11px}.learner-shell .cred-foot{margin-top:auto;padding-top:12px;border-top:1px dashed var(--kllc-border);display:flex;justify-content:space-between;align-items:center;gap:10px}.learner-shell .cred-foot .qr{width:40px;height:40px;display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:#fff;padding:3px;border-radius:4px;border:1px solid var(--kllc-border)}.learner-shell .cred-foot .qr span{background:var(--fg-1)}.learner-shell .cred-foot .qr span.off{background:transparent}.learner-shell .cred-actions{display:flex;gap:6px}.learner-shell .cred-actions .iact{width:32px;height:32px;border-radius:99px;background:var(--kllc-surface);border:0;color:var(--kllc-muted);display:grid;place-items:center}.learner-shell .cred-actions .iact:hover{background:var(--kllc-orange-soft);color:var(--kllc-orange)}.learner-shell .share-panel{margin-top:24px;padding:24px;background:linear-gradient(135deg,#1a0530,#2f0a52,#5f3795);border-radius:24px;color:#fff;display:grid;gap:22px;grid-template-columns:1fr 1.4fr;position:relative;overflow:hidden}.learner-shell .share-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 15% 50%,rgba(255,102,0,.22),transparent 35%),radial-gradient(circle at 90% 80%,rgba(238,52,104,.32),transparent 38%)}.learner-shell .share-panel>*{position:relative;z-index:1}@media(max-width:820px){.learner-shell .share-panel{grid-template-columns:1fr}}.learner-shell .share-panel h3{font-family:Kanit,sans-serif;font-weight:600;font-size:22px;margin:0;line-height:1.3}.learner-shell .share-panel p{font-family:Kanit,sans-serif;font-weight:400;font-size:13px;color:var(--fg-on-dark-soft);line-height:1.7;margin:8px 0 0;max-width:440px}.learner-shell .share-channels{display:grid;gap:10px;grid-template-columns:1fr 1fr}.learner-shell .share-channels button{background:#ffffff1f;border:1px solid rgba(255,255,255,.22);color:#fff;padding:14px;border-radius:16px;display:flex;align-items:center;gap:12px;text-align:left;transition:background .15s;font-family:Kanit,sans-serif}.learner-shell .share-channels button:hover{background:#fff3}.learner-shell .share-channels .icon-wrap{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:#ffffff29}.learner-shell .share-channels .icon-wrap.linkedin{background:#0a66c2}.learner-shell .share-channels .icon-wrap.pdf{background:var(--kllc-orange)}.learner-shell .share-channels .icon-wrap.qr{background:var(--kllc-purple)}.learner-shell .share-channels .icon-wrap.link{background:#1e9e54}.learner-shell .share-channels .label{font-weight:500;font-size:13px}.learner-shell .share-channels .label small{display:block;font-family:Kanit,sans-serif;font-weight:400;font-size:11px;color:var(--fg-on-dark-soft);margin-top:2px}.pf-page .kicker-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.pf-page .pf-title{font-family:Kanit,sans-serif;font-weight:600;font-size:26px;color:var(--fg-2, #321058);margin:0 0 2px}.pf-page .pf-title .accent{color:var(--kllc-orange, #ff6600)}.pf-lookup-row{display:flex;align-items:flex-end;gap:12px;background:#fff;border:1px solid var(--kllc-border, #e8e3ef);border-radius:18px;padding:18px 22px;box-shadow:0 6px 24px -16px #24083f26;margin-top:16px;margin-bottom:8px;flex-wrap:wrap}.pf-lookup-row .pf-lookup-field{flex:1;min-width:200px}.pf-lookup-row label{display:block;font-family:Jost,sans-serif;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--kllc-muted, #6f6581);margin-bottom:7px}.pf-lookup-row input{width:100%;height:46px;padding:0 16px;border:1.5px solid var(--kllc-border, #e8e3ef);border-radius:12px;font-family:Kanit,sans-serif;font-size:14px;color:var(--fg-1, #241b2f);background:var(--kllc-surface, #f8f7fb);transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.pf-lookup-row input::placeholder{color:var(--kllc-muted, #6f6581)}.pf-lookup-row input:focus-visible{outline:none;border-color:var(--kllc-purple, #5f3795);box-shadow:0 0 0 3px #5f37952e}.pf-btn-load{flex:none;height:46px;padding:0 28px;border-radius:12px;border:0;background:var(--kllc-orange, #ff6600);color:#fff;font-family:Kanit,sans-serif;font-weight:600;font-size:14px;cursor:pointer;transition:background .15s,transform .1s}.pf-btn-load:hover{background:#e55b00}.pf-btn-load:active{transform:scale(.97)}.pf-btn-load:disabled{opacity:.6;cursor:default}.pf-program-hint{font-family:Kanit,sans-serif;font-size:12px;color:var(--kllc-muted, #6f6581);margin:0 0 20px}.pf-content-grid{display:grid;gap:20px;grid-template-columns:1fr 380px;align-items:start;margin-bottom:48px}@media(max-width:1100px){.pf-content-grid{grid-template-columns:1fr}}.pf-side-col{display:flex;flex-direction:column;gap:20px}.pf-card{background:#fff;border:1px solid var(--kllc-border, #e8e3ef);border-radius:22px;box-shadow:0 12px 36px -24px #24083f2e}.pf-card-head{display:flex;align-items:flex-start;gap:14px;padding:22px 24px 16px;border-bottom:1px solid var(--kllc-border, #e8e3ef)}.pf-card-head .pf-ic{flex:none;width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,var(--kllc-purple, #5f3795),#6b3bb1);display:grid;place-items:center;color:#fff}.pf-card-head h2{margin:0 0 2px;font-family:Kanit,sans-serif;font-weight:600;font-size:18px;color:var(--fg-2, #321058)}.pf-card-head p{margin:0;font-family:Kanit,sans-serif;font-size:12px;color:var(--kllc-muted, #6f6581)}.pf-card-body{padding:20px 24px 24px}.pf-field{margin-bottom:16px}.pf-field label{display:block;font-family:Kanit,sans-serif;font-size:13px;font-weight:500;color:var(--fg-2, #321058);margin-bottom:7px}.pf-field .pf-req{color:var(--kllc-orange, #ff6600);margin-left:2px}.pf-field input,.pf-field select,.pf-field textarea{width:100%;padding:11px 14px;border:1.5px solid var(--kllc-border, #e8e3ef);border-radius:12px;font-family:Kanit,sans-serif;font-size:14px;color:var(--fg-1, #241b2f);background:#fff;transition:border-color .15s,box-shadow .15s;min-width:0;box-sizing:border-box}.pf-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239B7FC8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.pf-field input::placeholder,.pf-field textarea::placeholder{color:var(--kllc-muted, #6f6581)}.pf-field input:focus-visible,.pf-field select:focus-visible,.pf-field textarea:focus-visible{outline:none;border-color:var(--kllc-purple, #5f3795);box-shadow:0 0 0 3px #5f37952e}.pf-field textarea{resize:vertical;min-height:110px}.pf-field-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-bottom:16px}@media(max-width:640px){.pf-field-row{grid-template-columns:1fr}}.pf-field-row .pf-field{margin-bottom:0}.pf-btn-add{width:100%;height:48px;border:0;border-radius:14px;background:var(--kllc-orange, #ff6600);color:#fff;font-family:Kanit,sans-serif;font-weight:600;font-size:15px;cursor:pointer;transition:background .15s,transform .1s;margin-top:4px}.pf-btn-add:hover{background:#e55b00}.pf-btn-add:active{transform:scale(.98)}.pf-divider{border:0;border-top:1px solid var(--kllc-border, #e8e3ef);margin:20px 0}.pf-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.pf-item{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border:1px solid var(--kllc-border, #e8e3ef);border-radius:14px;background:var(--kllc-surface, #f8f7fb)}@media(prefers-reduced-motion:no-preference){.pf-item{animation:pf-slide-in .25s ease both}}@keyframes pf-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.pf-item .pf-type-badge{flex:none;padding:4px 10px;border-radius:8px;font-family:Jost,sans-serif;font-size:10px;font-weight:800;letter-spacing:.08em;background:var(--kllc-purple-soft, #f2ebf7);color:var(--kllc-purple, #5f3795);white-space:nowrap}.pf-item .pf-info{flex:1;min-width:0}.pf-item .pf-name{font-family:Kanit,sans-serif;font-weight:600;font-size:14px;color:var(--fg-2, #321058);margin:0 0 3px}.pf-item .pf-meta{font-family:Kanit,sans-serif;font-size:12px;color:var(--kllc-muted, #6f6581);margin:0;overflow-wrap:anywhere}.pf-item .pf-meta a{color:var(--kllc-purple, #5f3795)}.pf-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 16px;color:var(--kllc-muted, #6f6581);text-align:center}.pf-empty svg{opacity:.5}.pf-empty p{margin:0;font-family:Kanit,sans-serif;font-size:14px}.pf-rpel-toggle-row{display:flex;align-items:flex-start;gap:14px;padding:20px 24px 16px}.pf-rpel-switch{flex:none;position:relative;width:44px;height:24px;margin-top:2px}.pf-rpel-switch input{opacity:0;width:0;height:0;position:absolute}.pf-rpel-track{display:block;width:44px;height:24px;border-radius:99px;background:var(--kllc-border, #e8e3ef);transition:background .2s;cursor:pointer}.pf-rpel-track:after{content:"";display:block;position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:99px;background:#fff;box-shadow:0 2px 6px #0000002e;transition:left .2s}.pf-rpel-switch input:checked~.pf-rpel-track{background:var(--kllc-purple, #5f3795)}.pf-rpel-switch input:checked~.pf-rpel-track:after{left:23px}.pf-rpel-switch input:focus-visible~.pf-rpel-track{outline:3px solid var(--kllc-orange, #ff6600);outline-offset:2px}.pf-rpel-info{flex:1}.pf-rpel-title{font-family:Jost,sans-serif;font-weight:800;font-size:13px;letter-spacing:.04em;color:var(--fg-2, #321058);margin-bottom:3px}.pf-rpel-status-text{font-size:12px;color:var(--kllc-muted, #6f6581);font-family:Kanit,sans-serif}.pf-rpel-status-text.filled{color:var(--kllc-purple, #5f3795)}.pf-rpel-body{border-top:1px solid var(--kllc-border, #e8e3ef);padding:20px 24px 24px}@media(prefers-reduced-motion:no-preference){.pf-rpel-body{animation:pf-slide-in .2s ease both}}.pf-btn-submit{height:46px;padding:0 28px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--kllc-purple, #5f3795),#6b3bb1);color:#fff;font-family:Kanit,sans-serif;font-weight:600;font-size:14px;cursor:pointer;transition:opacity .15s,transform .1s}.pf-btn-submit:hover{opacity:.88}.pf-btn-submit:active{transform:scale(.97)}.pf-info-card{background:linear-gradient(160deg,#2a0e55,#5f3795 70%,#6b3bb1 130%);color:#fff;border-radius:22px;padding:24px;position:relative;overflow:hidden}.pf-info-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 85% 5%,rgba(255,102,0,.28),transparent 42%)}.pf-info-card>*{position:relative;z-index:1}.pf-info-card .pf-ic-kicker{font-family:Jost,sans-serif;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;opacity:.8;margin-bottom:8px;color:#fff}.pf-info-card h3{font-family:Kanit,sans-serif;font-weight:600;font-size:18px;margin:0 0 12px;color:#fff}.pf-info-card p{font-family:Kanit,sans-serif;font-size:13px;line-height:1.7;opacity:.85;margin:0 0 18px;color:#fff}.pf-info-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.pf-info-list li{display:flex;align-items:flex-start;gap:10px;font-family:Kanit,sans-serif;font-size:13px;line-height:1.55;color:#fff}.pf-info-list .pf-ic-dot{flex:none;width:20px;height:20px;border-radius:6px;margin-top:1px;background:#ffffff2e;display:grid;place-items:center;font-size:10px}.pf-alert{font-family:Kanit,sans-serif;font-size:14px;padding:10px 14px;border-radius:10px;margin:0 0 16px}.pf-alert.error{color:#b91c1c;background:#fef2f2}.pf-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(16px);background:#1e1e2e;color:#fff;border-radius:14px;padding:12px 22px;font-family:Kanit,sans-serif;font-size:14px;box-shadow:0 10px 40px -10px #0006;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;white-space:nowrap;z-index:9999}.pf-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.cert-verify-shell{--verify-bg: #fffaf6;--verify-panel: #ffffff;--verify-ink: #16121e;--verify-muted: #70687d;--verify-purple: #5f3795;--verify-purple-deep: #321058;--verify-orange: #ff6600;--verify-orange-soft: #fff4eb;--verify-border: #eee6f5;--verify-success: #2ecc71;--verify-error: #e74c3c;--verify-shadow: 0 26px 64px -34px rgba(36, 8, 63, .45);--verify-shadow-pop: 0 42px 96px -46px rgba(36, 8, 63, .62)}.cert-verify-shell .verify-hero{padding:72px 0 44px}.cert-verify-shell .verify-hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:34px;align-items:stretch}.cert-verify-shell .hero-copy{padding:22px 0}.cert-verify-shell .kicker{margin:0 0 12px;color:var(--verify-orange);font-family:var(--font-display);font-size:24px;line-height:1;font-weight:600}.cert-verify-shell .hero-title{max-width:620px;margin:0 0 18px;color:var(--verify-purple-deep);font-size:clamp(38px,5vw,64px);line-height:1.08;font-weight:600}.cert-verify-shell .hero-title span{color:var(--verify-orange)}.cert-verify-shell .hero-lead{max-width:560px;margin:0 0 24px;color:#4f455c;font-family:var(--font-thai);font-size:18px;line-height:1.78}.cert-verify-shell .trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:600px}.cert-verify-shell .trust-card{border:1px solid rgba(95,55,149,.1);border-radius:18px;background:#ffffffc7;padding:15px;box-shadow:0 18px 42px -34px #24083f61}.cert-verify-shell .trust-card strong{display:block;color:var(--verify-orange);font-family:var(--font-display);font-size:22px;line-height:1}.cert-verify-shell .trust-card span{display:block;margin-top:7px;color:var(--verify-muted);font-family:var(--font-thai);font-size:12px;line-height:1.35}.cert-verify-shell .verify-panel{position:relative;overflow:hidden;border-radius:30px;background:radial-gradient(circle at 82% 8%,rgba(255,102,0,.18),transparent 34%),linear-gradient(135deg,#fff,#fbf8ff);border:1px solid rgba(255,255,255,.88);box-shadow:var(--verify-shadow-pop);padding:22px}.cert-verify-shell .verify-panel:before{content:"";position:absolute;inset:auto -80px -110px auto;width:240px;height:240px;border-radius:50%;background:#5f379514;pointer-events:none}.cert-verify-shell .panel-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.cert-verify-shell .panel-head h2{margin:0;color:var(--verify-purple-deep);font-size:25px;font-weight:600}.cert-verify-shell .status-pill{min-height:34px;display:inline-flex;align-items:center;border-radius:999px;padding:0 14px;background:#2ecc711f;color:#128a46;font-family:var(--font-thai);font-size:13px;font-weight:600;white-space:nowrap}.cert-verify-shell .verify-grid{position:relative;display:grid;grid-template-columns:182px minmax(0,1fr);gap:18px}.cert-verify-shell .qr-card{border-radius:22px;padding:15px;background:#fff;border:1px solid var(--verify-border);box-shadow:0 18px 42px -34px #24083f6b;text-align:center}.cert-verify-shell .qr-card-label{display:block;margin-bottom:8px;color:var(--verify-muted);font-family:var(--font-thai);font-size:12px;font-weight:500}.cert-verify-shell .qr-card-note{display:block;margin-top:10px;color:var(--verify-muted);font-family:var(--font-thai);font-size:11px;line-height:1.55}.cert-verify-shell .qr-input{width:100%;min-height:44px;border:1px solid var(--verify-border);border-radius:12px;outline:0;background:#fff;color:var(--verify-purple-deep);padding:0 12px;font-family:var(--font-display);font-size:13px;font-weight:600}.cert-verify-shell .qr-input:focus{border-color:var(--verify-orange);box-shadow:0 0 0 4px #ff66001a}.cert-verify-shell .qr-submit-btn{width:100%;min-height:38px;margin-top:10px;border:0;border-radius:999px;background:var(--verify-purple);color:#fff;font-family:var(--font-thai);font-size:13px;font-weight:600;cursor:pointer}.cert-verify-shell .qr-submit-btn:disabled{opacity:.5;cursor:not-allowed}.cert-verify-shell .form-card{display:grid;gap:13px;min-width:0}.cert-verify-shell .field label{display:block;margin-bottom:6px;color:var(--verify-muted);font-family:var(--font-thai);font-size:12px;font-weight:500}.cert-verify-shell .field input{width:100%;min-height:48px;border:1px solid var(--verify-border);border-radius:15px;outline:0;background:#fff;color:var(--verify-purple-deep);padding:0 15px;font-family:var(--font-display);font-size:15px;font-weight:600}.cert-verify-shell .field input:focus{border-color:var(--verify-orange);box-shadow:0 0 0 4px #ff66001a}.cert-verify-shell .form-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:2px}.cert-verify-shell .primary-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 20px;border:0;background:var(--verify-orange);color:#fff;font-family:var(--font-thai);font-size:15px;font-weight:600;line-height:1;box-shadow:0 18px 32px -20px #ff6600e6;cursor:pointer}.cert-verify-shell .primary-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.cert-verify-shell .ghost-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 20px;border:1px solid var(--verify-border);background:#fff;color:var(--verify-purple);font-family:var(--font-thai);font-size:15px;font-weight:600;line-height:1;cursor:pointer}.cert-verify-shell .result-section{padding:18px 0 86px}.cert-verify-shell .result-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:26px;align-items:start}.cert-verify-shell .certificate-card{overflow:hidden;border-radius:30px;background:#fff;border:1px solid rgba(95,55,149,.1);box-shadow:var(--verify-shadow-pop)}.cert-verify-shell .cert-ribbon{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;background:radial-gradient(circle at 88% 8%,rgba(255,102,0,.32),transparent 34%),linear-gradient(135deg,var(--verify-purple-deep),var(--verify-purple));color:#fff}.cert-verify-shell .cert-ribbon h2{margin:0;font-size:26px;font-weight:600}.cert-verify-shell .cert-ribbon p{margin:8px 0 0;color:#ffffffd1;font-family:var(--font-thai);line-height:1.55}.cert-verify-shell .verify-mark{width:74px;height:74px;flex:0 0 auto;display:grid;place-items:center;border-radius:22px;background:#ffffff29;border:1px solid rgba(255,255,255,.24);overflow:hidden}.cert-verify-shell .verify-mark .kllc-sprite{transform:scale(.8);transform-origin:center}.cert-verify-shell .cert-body{padding:24px}.cert-verify-shell .verify-state{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 13px;background:#2ecc711f;color:#128a46;font-family:var(--font-thai);font-size:13px;font-weight:700}.cert-verify-shell .verify-state.invalid{background:#e74c3c1a;color:var(--verify-error)}.cert-verify-shell .learner-name{margin:18px 0 8px;color:var(--verify-purple-deep);font-size:clamp(30px,4vw,48px);line-height:1.12;font-weight:600}.cert-verify-shell .course-line{margin:0;color:#4f455c;font-family:var(--font-thai);font-size:18px;line-height:1.68}.cert-verify-shell .detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.cert-verify-shell .detail{min-height:84px;border-radius:18px;background:#fbf8ff;border:1px solid var(--verify-border);padding:14px}.cert-verify-shell .detail span{display:block;color:var(--verify-muted);font-family:var(--font-thai);font-size:12px;margin-bottom:7px}.cert-verify-shell .detail strong{display:block;color:var(--verify-ink);font-family:var(--font-thai);font-size:15px;line-height:1.45;font-weight:600}.cert-verify-shell .cert-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.cert-verify-shell .competencies-section{border-top:1px solid var(--verify-border);padding:20px 24px 24px}.cert-verify-shell .competencies-title{margin:0 0 14px;color:var(--verify-muted);font-family:var(--font-thai);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.cert-verify-shell .competency-row+.competency-row{margin-top:12px}.cert-verify-shell .competency-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:4px}.cert-verify-shell .competency-name{font-size:14px;font-weight:500;color:var(--verify-ink);truncate:ellipsis;overflow:hidden;white-space:nowrap}.cert-verify-shell .competency-level{flex-shrink:0;font-size:12px;color:var(--verify-muted)}.cert-verify-shell .competency-bar-track{height:8px;width:100%;border-radius:999px;background:#5f37951a}.cert-verify-shell .competency-bar-fill{height:8px;border-radius:999px;background:var(--verify-orange)}.cert-verify-shell .cert-identity{border-top:1px solid var(--verify-border);background:#fbf8ff;padding:14px 24px}.cert-verify-shell .cert-identity p{margin:0;font-size:11px;color:var(--verify-muted);word-break:break-all}.cert-verify-shell .cert-identity p+p{margin-top:4px}.cert-verify-shell .cert-identity .mono{font-family:Jost,Kanit,system-ui,sans-serif}.cert-verify-shell .side-stack{display:grid;gap:18px}.cert-verify-shell .info-card-v{border-radius:24px;background:#ffffffd1;border:1px solid rgba(95,55,149,.1);box-shadow:var(--verify-shadow);padding:20px}.cert-verify-shell .info-card-v h3{margin:0 0 12px;color:var(--verify-purple-deep);font-size:22px;font-weight:600}.cert-verify-shell .info-list{display:grid;gap:12px;margin:0;padding:0;list-style:none;font-family:var(--font-thai);color:#4f455c;font-size:14px;line-height:1.55}.cert-verify-shell .info-list li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start}.cert-verify-shell .num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--verify-orange-soft);color:var(--verify-orange);font-family:var(--font-display);font-size:13px;font-weight:700;flex-shrink:0}.cert-verify-shell .result-placeholder{border-radius:30px;background:#ffffffb8;border:1px dashed var(--verify-border);padding:48px 32px;text-align:center}.cert-verify-shell .result-placeholder p{margin:12px 0 0;color:var(--verify-muted);font-family:var(--font-thai);font-size:15px}.cert-verify-shell .footer-cta{background:var(--verify-purple-deep);color:#fff;padding:42px 0}.cert-verify-shell .footer-cta .footer-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.cert-verify-shell .footer-cta h2{margin:0;font-family:var(--font-thai);font-size:clamp(25px,3.2vw,40px);line-height:1.18;font-weight:600}.cert-verify-shell .footer-cta h2 span{color:var(--verify-orange)}.cert-verify-shell .footer-btn{min-height:44px;display:inline-flex;align-items:center;border-radius:999px;padding:0 24px;background:var(--verify-orange);color:#fff;font-family:var(--font-thai);font-weight:600;white-space:nowrap;text-decoration:none;flex-shrink:0}@media(max-width:1080px){.cert-verify-shell .verify-hero-grid,.cert-verify-shell .result-shell{grid-template-columns:1fr}.cert-verify-shell .verify-hero{padding-top:50px}.cert-verify-shell .verify-panel{max-width:720px}}@media(max-width:760px){.cert-verify-shell .verify-hero{padding:34px 0 30px}.cert-verify-shell .trust-row,.cert-verify-shell .verify-grid,.cert-verify-shell .detail-grid{grid-template-columns:1fr}}@media(max-width:520px){.cert-verify-shell .verify-hero{padding:28px 0 24px}.cert-verify-shell .verify-panel{border-radius:24px;padding:16px}.cert-verify-shell .cert-ribbon,.cert-verify-shell .cert-body{padding:18px}.cert-verify-shell .hero-title{font-size:34px}.cert-verify-shell .hero-lead{font-size:15px}}@media(max-width:420px){.cert-verify-shell .hero-title{font-size:30px}.cert-verify-shell .verify-panel{border-radius:20px}.cert-verify-shell .form-actions{display:grid;grid-template-columns:1fr}.cert-verify-shell .form-actions>*{width:100%}.cert-verify-shell .footer-cta .footer-cta-inner{align-items:flex-start;flex-direction:column}}:root{--kllc-purple: #5F3795;--kllc-purple-deep: #321058;--kllc-purple-ink: #24083F;--kllc-purple-soft: #F2EBF7;--kllc-ink: #16121E;--kllc-border: #E8E3EF;--font-body: "Kanit", "Jost", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Kanit", "Jost", system-ui, sans-serif;--font-thai: "Kanit", "IBM Plex Sans Thai", system-ui, sans-serif}:root{--gallery-bg: #f7f5fa;--gallery-surface: #ffffff;--gallery-ink: #211a29;--gallery-muted: #71687c;--gallery-purple: #5f3795;--gallery-purple-deep: #321058;--gallery-orange: #ff6600;--gallery-orange-soft: #fff2e8;--gallery-border: #e9e2ef;--gallery-shadow: 0 30px 70px -38px rgba(50, 16, 88, .48);--gallery-shadow-pop: 0 42px 100px -48px rgba(50, 16, 88, .62)}.cert-showcase-shell *{box-sizing:border-box}html{scroll-behavior:smooth}.cert-showcase-shell{margin:0;color:var(--gallery-ink);background:radial-gradient(680px 380px at 92% 5%,rgba(255,102,0,.12),transparent 65%),radial-gradient(820px 480px at 6% 13%,rgba(95,55,149,.12),transparent 68%),var(--gallery-bg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}.cert-showcase-shell a{color:inherit;text-decoration:none}.cert-showcase-shell button{border:0;font:inherit;cursor:pointer}.cert-showcase-shell img{display:block;max-width:100%}.cert-showcase-shell h1,.cert-showcase-shell h2,.cert-showcase-shell h3,.cert-showcase-shell p{margin-top:0}.cert-showcase-shell h1,.cert-showcase-shell h2,.cert-showcase-shell h3{font-family:var(--font-thai)}.cert-showcase-shell .wrap{width:min(1220px,calc(100% - 56px));margin:0 auto}.cert-showcase-shell .kllc-sprite{display:block;width:72px;height:72px;background-image:url(/v2/assets/kllc-icon-sprite.svg);background-repeat:no-repeat;background-size:720px 720px;background-position:var(--sprite-x, 0) var(--sprite-y, 0)}.cert-showcase-shell .icon-globe{--sprite-x: -614px;--sprite-y: -116px}.cert-showcase-shell .site-header{position:sticky;top:0;z-index:50;background:#ffffffe6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(95,55,149,.08)}.cert-showcase-shell .topnav{min-height:78px;display:grid;grid-template-columns:150px minmax(420px,1fr) auto 40px;align-items:center;gap:18px}.cert-showcase-shell .brand img{width:142px;height:auto}.cert-showcase-shell .nav-links{display:flex;justify-content:center;gap:6px;font-family:var(--font-thai);font-size:13px;font-weight:500}.cert-showcase-shell .nav-links>a{min-height:34px;display:inline-flex;align-items:center;border-radius:999px;padding:0 16px;background:#ffffffc7;border:1px solid rgba(36,8,63,.08)}.cert-showcase-shell .nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;font-family:var(--font-thai);font-size:13px;font-weight:600}.cert-showcase-shell .signup{min-height:36px;display:inline-flex;align-items:center;border-radius:999px;padding:0 18px;background:var(--gallery-purple);color:#fff;box-shadow:0 18px 34px -24px #5f3795e6}.cert-showcase-shell .lang{width:36px;height:36px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#fff;color:var(--gallery-orange);box-shadow:0 14px 28px -22px #24083f6b}.cert-showcase-shell .lang .kllc-sprite{width:24px;height:24px;transform:scale(.33);transform-origin:center}.cert-showcase-shell .hero{position:relative;overflow:hidden;padding:72px 0 56px}.cert-showcase-shell .hero:before,.cert-showcase-shell .hero:after{content:"";position:absolute;pointer-events:none;border-radius:50%;border:1px solid rgba(95,55,149,.12)}.cert-showcase-shell .hero:before{width:420px;height:420px;top:-248px;right:-40px}.cert-showcase-shell .hero:after{width:250px;height:250px;bottom:-150px;left:-70px}.cert-showcase-shell .hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.65fr);gap:48px;align-items:end}.cert-showcase-shell .eyebrow{margin:0 0 12px;color:var(--gallery-orange);font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:.02em}.cert-showcase-shell .hero-title{max-width:820px;margin:0 0 18px;color:var(--gallery-purple-deep);font-size:clamp(42px,6vw,76px);line-height:1.02;font-weight:600;text-wrap:balance}.cert-showcase-shell .hero-title span{color:var(--gallery-orange)}.cert-showcase-shell .hero-lead{max-width:720px;margin:0;color:#554a60;font-family:var(--font-thai);font-size:18px;line-height:1.8}.cert-showcase-shell .hero-note{border:1px solid rgba(95,55,149,.12);border-radius:26px;background:#ffffffd1;padding:22px;box-shadow:var(--gallery-shadow)}.cert-showcase-shell .hero-note strong{display:block;margin-bottom:10px;color:var(--gallery-purple-deep);font-family:var(--font-thai);font-size:18px}.cert-showcase-shell .hero-note p{margin:0;color:var(--gallery-muted);font-family:var(--font-thai);font-size:14px;line-height:1.7}.cert-showcase-shell .hero-note-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.cert-showcase-shell .micro-pill{min-height:28px;display:inline-flex;align-items:center;border-radius:999px;padding:0 11px;background:var(--gallery-orange-soft);color:var(--gallery-orange);font-family:var(--font-thai);font-size:11px;font-weight:600}.cert-showcase-shell .showcase{padding:22px 0 72px}.cert-showcase-shell .showcase-shell{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,.62fr);gap:24px;align-items:stretch}.cert-showcase-shell .preview-stage{position:relative;min-width:0;border-radius:30px;padding:24px;background:linear-gradient(#ffffff61,#ffffff61),repeating-linear-gradient(135deg,rgba(95,55,149,.05) 0 1px,transparent 1px 16px),#eeeaf3;border:1px solid rgba(95,55,149,.1);box-shadow:var(--gallery-shadow-pop)}.cert-showcase-shell .preview-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.cert-showcase-shell .preview-label{display:flex;align-items:center;gap:10px;color:var(--gallery-purple-deep);font-family:var(--font-thai);font-size:13px;font-weight:600}.cert-showcase-shell .preview-label b{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--gallery-orange);color:#fff;font-family:var(--font-display);font-size:14px}.cert-showcase-shell .full-btn{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;padding:0 15px;background:#fff;color:var(--gallery-purple-deep);border:1px solid rgba(95,55,149,.12);font-family:var(--font-thai);font-size:12px;font-weight:600}.cert-showcase-shell .preview-frame{position:relative;overflow:hidden;aspect-ratio:2000 / 1414;border-radius:12px;background:#fff;box-shadow:0 30px 60px -32px #20102a94}.cert-showcase-shell .preview-frame img{width:100%;height:100%;object-fit:contain;transition:opacity .24s ease,transform .38s ease}.cert-showcase-shell .preview-frame.is-changing img{opacity:.25;transform:scale(.985)}.cert-showcase-shell .design-panel{display:flex;min-width:0;flex-direction:column;border-radius:30px;background:#fff;border:1px solid rgba(95,55,149,.1);padding:26px;box-shadow:var(--gallery-shadow)}.cert-showcase-shell .design-index{margin-bottom:12px;color:var(--gallery-orange);font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.cert-showcase-shell .design-title{margin:0 0 10px;color:var(--gallery-purple-deep);font-size:clamp(28px,3vw,40px);line-height:1.05;font-weight:600}.cert-showcase-shell .design-mood{margin:0 0 18px;color:var(--gallery-orange);font-family:var(--font-thai);font-size:17px;line-height:1.5;font-weight:600}.cert-showcase-shell .design-description{margin:0;color:var(--gallery-muted);font-family:var(--font-thai);font-size:14px;line-height:1.75}.cert-showcase-shell .best-for{margin:22px 0;padding:16px 0;border-top:1px solid var(--gallery-border);border-bottom:1px solid var(--gallery-border)}.cert-showcase-shell .best-for span{display:block;margin-bottom:7px;color:var(--gallery-muted);font-family:var(--font-thai);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.cert-showcase-shell .best-for strong{color:var(--gallery-ink);font-family:var(--font-thai);font-size:15px;line-height:1.55}.cert-showcase-shell .design-switcher{display:grid;gap:8px;margin-top:auto}.cert-showcase-shell .design-choice{width:100%;min-height:54px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;border-radius:16px;padding:8px 12px;background:var(--gallery-bg);border:1px solid transparent;color:var(--gallery-ink);text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease}.cert-showcase-shell .design-choice:hover{transform:translate(3px)}.cert-showcase-shell .design-choice.active{background:var(--gallery-orange-soft);border-color:#ff660047}.cert-showcase-shell .choice-letter{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--gallery-purple-deep);font-family:var(--font-display);font-size:13px;font-weight:600;box-shadow:0 10px 20px -15px #32105880}.cert-showcase-shell .design-choice.active .choice-letter{background:var(--gallery-orange);color:#fff}.cert-showcase-shell .choice-copy strong,.cert-showcase-shell .choice-copy span{display:block;font-family:var(--font-thai)}.cert-showcase-shell .choice-copy strong{font-size:13px}.cert-showcase-shell .choice-copy span{margin-top:2px;color:var(--gallery-muted);font-size:10px}.cert-showcase-shell .choice-arrow{color:var(--gallery-orange);font-size:16px}.cert-showcase-shell .compare{padding:72px 0;background:#fff}.cert-showcase-shell .section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.cert-showcase-shell .section-kicker{margin:0 0 8px;color:var(--gallery-orange);font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.cert-showcase-shell .section-title{margin:0;color:var(--gallery-purple-deep);font-size:clamp(32px,4.5vw,54px);line-height:1.06;font-weight:600}.cert-showcase-shell .section-head p{max-width:420px;margin:0;color:var(--gallery-muted);font-family:var(--font-thai);font-size:14px;line-height:1.7}.cert-showcase-shell .compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.cert-showcase-shell .certificate-option{overflow:hidden;border-radius:28px;background:var(--gallery-surface);border:1px solid var(--gallery-border);box-shadow:var(--gallery-shadow);transition:transform .24s ease,box-shadow .24s ease}.cert-showcase-shell .certificate-option:hover{transform:translateY(-5px);box-shadow:var(--gallery-shadow-pop)}.cert-showcase-shell .option-preview{position:relative;overflow:hidden;aspect-ratio:2000 / 1414;background:#ece8f0}.cert-showcase-shell .option-preview img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.cert-showcase-shell .certificate-option:hover .option-preview img{transform:scale(1.015)}.cert-showcase-shell .option-letter{position:absolute;top:14px;left:14px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#ffffffeb;color:var(--gallery-purple-deep);font-family:var(--font-display);font-size:14px;font-weight:600;box-shadow:0 14px 28px -18px #20102a8c}.cert-showcase-shell .option-body{padding:22px}.cert-showcase-shell .option-top{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:10px}.cert-showcase-shell .option-title{margin:0;color:var(--gallery-purple-deep);font-size:24px;line-height:1.15;font-weight:600}.cert-showcase-shell .option-tag{flex:0 0 auto;min-height:28px;display:inline-flex;align-items:center;border-radius:999px;padding:0 11px;background:var(--gallery-orange-soft);color:var(--gallery-orange);font-family:var(--font-thai);font-size:10px;font-weight:600}.cert-showcase-shell .option-body p{margin:0 0 16px;color:var(--gallery-muted);font-family:var(--font-thai);font-size:13px;line-height:1.7}.cert-showcase-shell .option-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:15px;border-top:1px solid var(--gallery-border)}.cert-showcase-shell .option-actions span{color:var(--gallery-muted);font-family:var(--font-thai);font-size:11px}.cert-showcase-shell .view-option{min-height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 14px;background:var(--gallery-purple);color:#fff;font-family:var(--font-thai);font-size:11px;font-weight:600}.cert-showcase-shell .decision{padding:72px 0}.cert-showcase-shell .decision-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;border-radius:32px;padding:42px;background:radial-gradient(circle at 86% 14%,rgba(255,102,0,.32),transparent 28%),linear-gradient(135deg,var(--gallery-purple-deep),var(--gallery-purple));color:#fff;box-shadow:var(--gallery-shadow-pop)}.cert-showcase-shell .decision-card:after{content:"";position:absolute;width:340px;height:340px;right:-170px;bottom:-230px;border-radius:50%;border:1px solid rgba(255,255,255,.24)}.cert-showcase-shell .decision-card h2{max-width:760px;margin:0 0 12px;color:#fff;font-size:clamp(30px,4vw,50px);line-height:1.08;font-weight:600}.cert-showcase-shell .decision-card p{max-width:720px;margin:0;color:#fffc;font-family:var(--font-thai);font-size:15px;line-height:1.7}.cert-showcase-shell .decision-action{position:relative;z-index:1;min-height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 22px;background:var(--gallery-orange);color:#fff;font-family:var(--font-thai);font-size:13px;font-weight:600;white-space:nowrap}.cert-showcase-shell footer{padding:30px 0;background:#21112d;color:#ffffffb8}.cert-showcase-shell .footer-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.cert-showcase-shell .footer-logo{width:150px}.cert-showcase-shell .footer-row p{margin:0;font-family:var(--font-thai);font-size:12px;line-height:1.6;text-align:right}.cert-showcase-shell .lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:30px;background:#12081ce6;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility 0s linear .2s}.cert-showcase-shell .lightbox.open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.cert-showcase-shell .lightbox img{max-width:min(94vw,1500px);max-height:88vh;border-radius:10px;box-shadow:0 45px 110px -40px #000c}.cert-showcase-shell .close-lightbox{position:fixed;top:22px;right:22px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--gallery-purple-deep);font-size:24px;line-height:1}@media(max-width:1020px){.cert-showcase-shell .hero-grid,.cert-showcase-shell .showcase-shell{grid-template-columns:1fr}.cert-showcase-shell .hero-note{max-width:640px}.cert-showcase-shell .design-panel{gap:0}.cert-showcase-shell .design-switcher{margin-top:20px}}@media(max-width:920px){.cert-showcase-shell .topnav{grid-template-columns:132px minmax(0,1fr) 40px!important}.cert-showcase-shell .nav-actions{display:none}.cert-showcase-shell .compare-grid{grid-template-columns:1fr}.cert-showcase-shell .section-head{align-items:start;flex-direction:column}.cert-showcase-shell .decision-card{grid-template-columns:1fr}.cert-showcase-shell .decision-action{justify-self:start}}@media(max-width:640px){.cert-showcase-shell .wrap{width:min(100% - 28px,1220px)}.cert-showcase-shell .hero{padding:52px 0 38px}.cert-showcase-shell .hero-title{font-size:40px}.cert-showcase-shell .hero-lead{font-size:15px}.cert-showcase-shell .showcase{padding-top:8px}.cert-showcase-shell .preview-stage,.cert-showcase-shell .design-panel{border-radius:22px;padding:15px}.cert-showcase-shell .preview-topline{align-items:start;flex-direction:column}.cert-showcase-shell .full-btn{width:100%}.cert-showcase-shell .compare,.cert-showcase-shell .decision{padding:52px 0}.cert-showcase-shell .option-body{padding:17px}.cert-showcase-shell .option-top{align-items:start;flex-direction:column}.cert-showcase-shell .decision-card{border-radius:24px;padding:26px}.cert-showcase-shell .footer-row{align-items:start;flex-direction:column}.cert-showcase-shell .footer-row p{text-align:left}.cert-showcase-shell .lightbox{padding:12px}}.cert-showcase-shell .nav-links{align-items:center}.cert-showcase-shell .mobile-menu{display:none}.cert-showcase-shell .nav-item{position:relative;display:inline-flex;align-items:center}.cert-showcase-shell .nav-item:after{content:"";position:absolute;top:100%;left:-14px;right:-14px;height:16px;display:block}.cert-showcase-shell .nav-trigger{min-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;border:1px solid rgba(36,8,63,.08);background:#ffffffdb;color:inherit;padding:0 14px;font-family:var(--font-thai);font-size:inherit;font-weight:500;white-space:nowrap;box-shadow:0 10px 22px -18px #24083f6b;cursor:pointer}.cert-showcase-shell .nav-trigger.active,.cert-showcase-shell .nav-trigger[aria-expanded=true]{color:#fff;background:var(--home-orange-2, var(--course-orange, var(--verify-orange, #ff6600)));border-color:var(--home-orange-2, var(--course-orange, var(--verify-orange, #ff6600)));box-shadow:0 18px 28px -20px #ff6600e6}.cert-showcase-shell .nav-caret{width:7px;height:7px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:translateY(-2px) rotate(45deg)}.cert-showcase-shell .dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;z-index:80;width:244px;display:grid;gap:4px;padding:10px;border-radius:22px;background:#fffffff5;border:1px solid rgba(95,55,149,.12);box-shadow:0 30px 70px -38px #24083f8c;transform:translate(-50%,8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}.cert-showcase-shell .nav-item:hover .dropdown-menu,.cert-showcase-shell .nav-item:focus-within .dropdown-menu,.cert-showcase-shell .nav-item.is-open .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%);transition-delay:0s}.cert-showcase-shell .dropdown-menu a{width:100%;min-width:0!important;min-height:44px;display:flex!important;align-items:center!important;justify-content:flex-start!important;border:0!important;background:transparent;box-shadow:none!important;border-radius:16px!important;padding:0 16px!important;color:var(--home-title-deep, var(--course-purple-deep, var(--verify-purple-deep, #321058)));font-size:13px;line-height:1.15;text-align:left;white-space:nowrap}.cert-showcase-shell .dropdown-menu a:hover,.cert-showcase-shell .dropdown-menu a.active{color:var(--home-orange-2, var(--course-orange, var(--verify-orange, #ff6600)));background:#ff660017}.cert-showcase-shell .site-header.nav-open .nav-links{display:flex}@media(max-width:920px){.cert-showcase-shell .site-header{position:sticky}.cert-showcase-shell .topnav{grid-template-columns:132px minmax(0,1fr) 40px!important}.cert-showcase-shell .mobile-menu{border:0;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--home-orange-2, var(--course-orange, var(--verify-orange, #ff6600)));font-size:22px;box-shadow:0 14px 28px -22px #24083f6b}.cert-showcase-shell .site-header.nav-open .topnav{align-items:start}.cert-showcase-shell .site-header.nav-open .nav-links{grid-column:1 / -1;width:100%;display:grid;grid-template-columns:1fr;gap:8px;padding:10px;border-radius:22px;background:#fffffff5;border:1px solid rgba(95,55,149,.12);box-shadow:0 24px 60px -40px #24083f7a;overflow:visible}.cert-showcase-shell .site-header.nav-open .nav-links>a,.cert-showcase-shell .site-header.nav-open .nav-trigger{width:100%;min-height:42px;justify-content:flex-start;padding:0 14px;box-shadow:none}.cert-showcase-shell .site-header.nav-open .nav-item{display:grid}.cert-showcase-shell .nav-item:after{display:none}.cert-showcase-shell .dropdown-menu{position:static;width:100%;margin-top:7px;transform:none;display:none;opacity:1;visibility:visible;pointer-events:auto;box-shadow:none;background:#fbf8fff0}.cert-showcase-shell .nav-item.is-open .dropdown-menu{display:grid}.cert-showcase-shell .nav-item:hover .dropdown-menu,.cert-showcase-shell .nav-item:focus-within .dropdown-menu{transform:none}}@media(max-width:640px){.cert-showcase-shell .topnav{grid-template-columns:minmax(0,1fr) auto 40px!important}}@media(min-width:921px){.cert-showcase-shell .nav-links{overflow:visible!important}.cert-showcase-shell .nav-item{z-index:90}.cert-showcase-shell .nav-item:hover,.cert-showcase-shell .nav-item:focus-within,.cert-showcase-shell .nav-item.is-open{z-index:95}}:root{--kllc-purple: #5F3795;--kllc-purple-deep: #321058;--kllc-purple-soft: #F2EBF7;--kllc-orange: #FF6600;--kllc-orange-deep: #E55C00;--kllc-orange-soft: #FFF4EB;--kllc-muted: #70687D;--kllc-border: #E8E3EF;--kllc-border-soft: #F0EDF5;--kllc-surface: #F8F7FB;--kllc-pink: #EE3468;--kllc-blue: #4C7BD9;--kllc-success: #2ECC71;--kllc-success-deep: #1E9E54;--kllc-warning: #F39C12;--font-mono: "Jost", "Kanit", system-ui, sans-serif}.learner-shell .v2-cart *{box-sizing:border-box}html,.learner-shell .v2-cart{margin:0;padding:0}.learner-shell .v2-cart{color:var(--fg-1);font-family:Kanit,Jost,system-ui,sans-serif}.learner-shell .v2-cart a{color:inherit;text-decoration:none}.learner-shell .v2-cart button,.learner-shell .v2-cart input,.learner-shell .v2-cart select{font:inherit}.learner-shell .v2-cart button{cursor:pointer}.learner-shell .v2-cart .th{font-family:Kanit,sans-serif}.learner-shell .v2-cart .num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.learner-shell .v2-cart .container{max-width:1280px;margin:0 auto;padding:0 32px 64px}@media(max-width:720px){.learner-shell .v2-cart .container{padding:0 18px 48px}}.learner-shell .v2-cart .app-bar{position:fixed;top:0;left:0;right:0;z-index:50;height:76px;background:#fffffff0;border-bottom:1px solid var(--kllc-border);box-shadow:0 6px 24px -16px #24083f2e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.learner-shell .v2-cart .app-bar-inner{max-width:1280px;height:100%;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:20px}.learner-shell .v2-cart .brand img{height:52px;filter:drop-shadow(0 2px 8px rgba(36,8,63,.15))}.learner-shell .v2-cart .crumbs{display:flex;align-items:center;gap:6px;color:var(--kllc-muted);font-family:Kanit,sans-serif;font-size:13px}.learner-shell .v2-cart .crumbs b{color:var(--kllc-purple);font-weight:600}.learner-shell .v2-cart .spacer{flex:1}.learner-shell .v2-cart .user-chip{display:inline-flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;border:0;border-radius:99px;background:var(--kllc-surface)}.learner-shell .v2-cart .ava{width:32px;height:32px;border-radius:99px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--kllc-orange),var(--kllc-pink));font-weight:800;font-size:12px}.learner-shell .v2-cart .user-chip .meta{display:grid;line-height:1.15}.learner-shell .v2-cart .user-chip b{font-family:Kanit,sans-serif;font-size:12px;font-weight:500}.learner-shell .v2-cart .user-chip span span{color:var(--kllc-muted);font-family:var(--font-mono);font-size:10px}@media(max-width:720px){.learner-shell .v2-cart .app-bar{position:static;height:auto}.learner-shell .v2-cart .app-bar-inner{padding:14px 18px;flex-wrap:wrap}.learner-shell .v2-cart .crumbs,.learner-shell .v2-cart .user-chip .meta{display:none}.learner-shell .v2-cart .brand img{height:42px}}.learner-shell .v2-cart .page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:26px 0 14px}.learner-shell .v2-cart .kicker{font-family:Jost,sans-serif;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--kllc-orange)}.learner-shell .v2-cart h1,.learner-shell .v2-cart h2,.learner-shell .v2-cart h3{margin:0;text-wrap:pretty}.learner-shell .v2-cart h1{margin-top:6px;font-family:Kanit,sans-serif;font-size:clamp(30px,4vw,48px);line-height:1.12;font-weight:600}.learner-shell .v2-cart .lead{max-width:650px;margin:10px 0 0;color:var(--kllc-muted);font-family:Kanit,sans-serif;line-height:1.7;font-size:14px}.learner-shell .v2-cart .page-tabs{display:flex;gap:6px;background:#fff;border:1px solid var(--kllc-border);border-radius:99px;padding:5px;box-shadow:var(--shadow-card);overflow-x:auto}.learner-shell .v2-cart .page-tab{flex:0 0 auto;padding:8px 18px;border-radius:99px;font-family:Kanit,sans-serif;font-weight:500;font-size:13px}.learner-shell .v2-cart .page-tab.on{background:var(--kllc-purple);color:#fff;box-shadow:0 10px 20px -8px #5f379580}.learner-shell .v2-cart .hero{overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:24px;padding:28px;border-radius:28px;color:#fff;background:radial-gradient(420px 230px at 82% 14%,rgba(255,102,0,.55),transparent 68%),linear-gradient(120deg,#24083f,#5f3795 58%,#6b3bb1);box-shadow:var(--shadow-card)}@media(max-width:920px){.learner-shell .v2-cart .hero{grid-template-columns:1fr;padding:22px}}.learner-shell .v2-cart .hero p{margin:12px 0 0;color:var(--fg-on-dark-soft);font-family:Kanit,sans-serif;line-height:1.72}.learner-shell .v2-cart .hero-panel{display:grid;gap:10px;padding:18px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.learner-shell .v2-cart .hero-line{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff1f}.learner-shell .v2-cart .hero-line span{color:var(--fg-on-dark-muted);font-family:Kanit,sans-serif;font-size:12px}.learner-shell .v2-cart .hero-line strong{display:block;color:#fff;font-size:13px}.learner-shell .v2-cart .hero-line b{font-size:22px;color:#fff}.learner-shell .v2-cart .grid{margin-top:22px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.72fr);gap:20px;align-items:start}@media(max-width:980px){.learner-shell .v2-cart .grid{grid-template-columns:1fr}}.learner-shell .v2-cart .card{background:#fff;border:1px solid var(--kllc-border);border-radius:22px;box-shadow:var(--shadow-card)}.learner-shell .v2-cart .card-head{padding:22px 22px 16px;border-bottom:1px solid var(--kllc-border-soft);display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.learner-shell .v2-cart .card-title{margin-top:4px;color:var(--fg-1);font-family:Kanit,sans-serif;font-size:22px;font-weight:600;line-height:1.22}.learner-shell .v2-cart .card-sub{margin-top:6px;color:var(--kllc-muted);font-family:Kanit,sans-serif;font-size:13px;line-height:1.55}.learner-shell .v2-cart .card-body{padding:20px 22px 22px}.learner-shell .v2-cart .cart-list{display:grid;gap:12px}.learner-shell .v2-cart .cart-item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px;border:1px solid var(--kllc-border);border-radius:18px;background:var(--kllc-surface-2)}.learner-shell .v2-cart .cart-item.free{border-color:#2ecc7157;background:#2ecc710f}.learner-shell .v2-cart .cart-item.paid{border-color:#f39c126b;background:#f39c1212}.learner-shell .v2-cart .cart-item.refund-open{border-color:#ff66006b;box-shadow:inset 4px 0 0 var(--kllc-orange)}.learner-shell .v2-cart .cart-item h3{font-family:Kanit,sans-serif;font-size:16px;font-weight:600}.learner-shell .v2-cart .cart-item p{margin:6px 0 0;color:var(--kllc-muted);font-family:Kanit,sans-serif;font-size:12px;line-height:1.55}.learner-shell .v2-cart .price{text-align:right;font-weight:800;color:var(--fg-1)}.learner-shell .v2-cart .tag-row{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap}.learner-shell .v2-cart .pill{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:99px;font-family:Kanit,sans-serif;font-size:12px;font-weight:600}.learner-shell .v2-cart .pill.success{color:var(--kllc-success-deep);background:#2ecc7124}.learner-shell .v2-cart .pill.warning{color:var(--kllc-warning-deep);background:#f39c122e;border:1px solid rgba(243,156,18,.36)}.learner-shell .v2-cart .pill.info{color:var(--kllc-purple);background:var(--kllc-purple-soft)}.learner-shell .v2-cart .checkout{position:sticky;top:98px;display:grid;gap:14px}@media(max-width:980px){.learner-shell .v2-cart .checkout{position:static}}.learner-shell .v2-cart .summary-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed var(--kllc-border);color:var(--kllc-muted);font-family:Kanit,sans-serif;font-size:13px}.learner-shell .v2-cart .summary-row b{color:var(--fg-1);font-family:var(--font-mono)}.learner-shell .v2-cart .summary-row.total{color:var(--fg-1);font-weight:600;border-bottom:0}.learner-shell .v2-cart .summary-row.total b{font-size:24px;color:var(--kllc-orange)}.learner-shell .v2-cart .method-grid{display:grid;gap:8px}.learner-shell .v2-cart .method{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:0 14px;border:1px solid var(--kllc-border);border-radius:16px;background:#fff;color:var(--fg-1);font-family:Kanit,sans-serif;font-weight:500}.learner-shell .v2-cart .method.on{border-color:var(--kllc-orange);box-shadow:var(--shadow-glow-orange);background:var(--kllc-orange-soft)}.learner-shell .v2-cart .method.off,.learner-shell .v2-cart .method:disabled{background:#f1eef5;border-style:dashed;color:#5d5566;cursor:not-allowed;box-shadow:none}.learner-shell .v2-cart .btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:99px;padding:0 18px;font-family:Kanit,sans-serif;font-size:14px;font-weight:600;white-space:nowrap}.learner-shell .v2-cart .btn-primary{color:#fff;background:var(--kllc-orange);box-shadow:var(--shadow-orange)}.learner-shell .v2-cart .btn-secondary{color:#fff;background:var(--kllc-purple)}.learner-shell .v2-cart .btn-outline{color:var(--kllc-purple);background:#fff;border:1px solid var(--kllc-border)}.learner-shell .v2-cart .btn-mini{min-height:34px;padding:0 12px;font-size:12px}.learner-shell .v2-cart .actions{display:flex;gap:8px;flex-wrap:wrap}.learner-shell .v2-cart .note{padding:14px;border-radius:16px;background:var(--kllc-surface);border:1px solid var(--kllc-border);color:var(--kllc-muted);font-family:Kanit,sans-serif;font-size:12px;line-height:1.6}.learner-shell .v2-cart .refund-policy{margin-top:22px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);gap:20px;align-items:start}@media(max-width:980px){.learner-shell .v2-cart .refund-policy{grid-template-columns:1fr}}.learner-shell .v2-cart .policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:820px){.learner-shell .v2-cart .policy-grid{grid-template-columns:1fr}}.learner-shell .v2-cart .policy-card{min-height:132px;display:grid;align-content:start;gap:8px;padding:14px;border:1px solid var(--kllc-border);border-radius:16px;background:var(--kllc-surface-2);font-family:Kanit,sans-serif}.learner-shell .v2-cart .policy-card.alert{border-color:#f39c125c;background:#f39c1212}.learner-shell .v2-cart .policy-card b{color:var(--fg-1);font-size:14px}.learner-shell .v2-cart .policy-card span{color:var(--kllc-muted);font-size:12px;line-height:1.6}.learner-shell .v2-cart .refund-status{display:inline-flex;align-items:center;width:fit-content;min-height:28px;padding:0 10px;border-radius:99px;color:var(--kllc-warning-deep);background:#f39c1229;border:1px solid rgba(243,156,18,.34);font-family:Kanit,sans-serif;font-size:12px;font-weight:600}.learner-shell .v2-cart .toast{position:fixed;right:24px;bottom:24px;z-index:80;max-width:min(420px,calc(100vw - 48px));padding:14px 16px;border:1px solid var(--kllc-border);border-radius:16px;background:#fff;box-shadow:var(--shadow-card-hover);opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .16s,transform .16s;font-family:Kanit,sans-serif;font-size:13px}.learner-shell .v2-cart .toast.show{opacity:1;transform:translateY(0)}:root{--kllc-surface-2: #FCFBFF;--kllc-warning-deep: #C97A06}.learner-shell .v2-cart .checkout-result-card{max-width:520px;margin:40px auto;padding:40px 28px;background:#fff;border:1px solid var(--kllc-border);border-radius:22px;box-shadow:var(--shadow-card);text-align:center}.learner-shell .v2-cart .checkout-result-card h1{margin:18px 0 8px;font-family:Kanit,sans-serif;font-size:22px;font-weight:700;color:var(--kllc-purple-deep)}.learner-shell .v2-cart .checkout-result-card p{margin:0 auto;max-width:380px;font-family:Kanit,sans-serif;font-size:14px;line-height:1.6;color:var(--kllc-muted)}.learner-shell .v2-cart .checkout-spinner{width:52px;height:52px;margin:0 auto;border-radius:999px;border:5px solid var(--kllc-purple-soft);border-top-color:var(--kllc-orange);animation:checkout-spin .9s linear infinite}@keyframes checkout-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.learner-shell .v2-cart .checkout-spinner{animation:none}}.learner-shell .v2-cart .checkout-success-mark{width:64px;height:64px;margin:0 auto;display:grid;place-items:center;border-radius:999px;background:var(--kllc-success-deep);color:#fff;font-size:38px;line-height:1}.learner-shell .v2-cart .checkout-result-actions{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.ckn-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;background:#f0f0f0;font-family:Kanit,system-ui,sans-serif;color:#111}.ckn-frame{width:390px;min-height:100vh;background:#f9fafb;position:relative;overflow-x:hidden;box-shadow:0 0 60px #00000026}@media(max-width:430px){.ckn-page{background:#f9fafb}.ckn-frame{width:100%;box-shadow:none}}.ckn-appbar{background:#5c2d91;color:#fff;padding:env(safe-area-inset-top,0) 16px 0;position:sticky;top:0;z-index:50}.ckn-appbar-inner{display:flex;align-items:center;gap:12px;padding:12px 0}.ckn-appbar img{height:28px;filter:brightness(0) invert(1)}.ckn-appbar-title{flex:1}.ckn-appbar-title h1{font-size:16px;font-weight:700;margin:0}.ckn-appbar-title p{font-size:11px;opacity:.7;margin:0}.ckn-appbar a{color:#ffffffb3;font-size:12px;text-decoration:none;white-space:nowrap}.ckn-content{padding:16px;display:flex;flex-direction:column;gap:14px}.ckn-card{background:#fff;border-radius:14px;border:1.5px solid #e5e7eb;padding:14px 16px}.ckn-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;margin-bottom:10px}.ckn-gps-status{display:flex;align-items:center;gap:12px}.ckn-gps-indicator{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.ckn-gps-indicator.checking{background:#eff6ff}@media(prefers-reduced-motion:no-preference){.ckn-gps-indicator.checking{animation:ckn-pulse 1.5s ease-in-out infinite}}@keyframes ckn-pulse{0%,to{opacity:1}50%{opacity:.5}}.ckn-gps-indicator.success{background:#f0fdf4}.ckn-gps-indicator.fail{background:#fef2f2}.ckn-gps-text h3{font-size:14px;font-weight:700;margin:0 0 2px}.ckn-gps-text p{font-size:12px;color:#6b7280;margin:0}.ckn-gps-distance{font-size:13px;font-weight:700;color:#16a34a;margin-top:6px}.ckn-gps-bar{height:6px;background:#f9fafb;border:1px solid #f3f4f6;border-radius:3px;overflow:hidden;margin-top:12px}.ckn-gps-fill{height:100%;background:#16a34a;border-radius:3px;transition:width .8s ease}.ckn-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;gap:16px;min-height:55vh}.ckn-state-icon{font-size:72px;line-height:1}.ckn-state-title{font-size:22px;font-weight:800;color:#111;margin:0}.ckn-state-title.ok{color:#16a34a}.ckn-state-title.fail{color:#dc2626}.ckn-state-sub{font-size:14px;color:#6b7280;margin:0;line-height:1.6}.ckn-badge{display:inline-block;padding:4px 12px;border-radius:999px;background:#fff7ed;color:#c2410c;font-size:13px;font-weight:600}.ckn-btn{background:#f4811f;color:#fff;border:none;border-radius:14px;padding:16px 20px;font:inherit;font-size:16px;font-weight:700;width:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .15s,transform .1s;letter-spacing:.02em}.ckn-btn:active{transform:scale(.98);opacity:.9}.ckn-btn:disabled{background:#d1d5db;cursor:not-allowed}.ckn-btn.outline{background:#fff;color:#c2410c;border:1.5px solid #fdba74}.ckn-note{font-size:12px;color:#6b7280;text-align:center;margin:0}.ckn-walkin{width:100%;border-top:1px solid #f3f4f6;padding-top:14px;display:flex;flex-direction:column;gap:8px}/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:"Kanit", "Jost", "IBM Plex Sans Thai", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-900:oklch(39.6% .141 25.723);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-orange-800:oklch(47% .157 37.304);--color-orange-900:oklch(40.8% .123 38.172);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-purple-700:oklch(49.6% .265 301.924);--color-fuchsia-600:oklch(59.1% .293 322.896);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-950:oklch(13% .028 261.692);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--drop-shadow-2xl:0 25px 25px #00000026;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-thai:"Kanit", "IBM Plex Sans Thai", system-ui, sans-serif;--font-display:"Kanit", "Jost", ui-sans-serif, system-ui, sans-serif;--color-kllc-navy:#24083f;--color-kllc-purple:#5f3795;--color-kllc-purple-deep:#321058;--color-kllc-purple-soft:#f2ebf7;--color-kllc-accent:#5f3795;--color-kllc-accent-hover:#321058;--color-kllc-muted:#70687d;--color-kllc-ink:#16121e;--color-kllc-border:#e8e3ef;--color-kllc-surface:#f8f7fb;--color-kllc-danger:#e74c3c;--color-kllc-success:#2ecc71;--color-kmitl-orange:#f60;--color-kmitl-orange-dark:#ea580c;--color-kmitl-orange-soft:#fff4eb;--color-kmitl-gray-900:#171321;--color-kmitl-gray-700:#40384f;--color-kmitl-gray-100:#f6f2fb;--color-kmitl-50:#fff4eb;--color-kmitl-100:#ffe4cc;--color-kmitl-200:#ffc499;--color-kmitl-300:#ffa366;--color-kmitl-400:#ff8533;--color-kmitl-500:#f60;--color-kmitl-600:#e65c00;--color-kmitl-700:#b34700;--color-ink-50:#f8f9fb;--color-ink-100:#f2f3f5;--color-ink-200:#e6e8ec;--color-ink-300:#c7cad1;--color-ink-400:#8a8f99;--color-ink-500:#5a5f6a;--color-ink-700:#2a2d33;--color-ink-900:#0e0f12;--shadow-card:0 18px 50px -28px #24083f59;--shadow-card-hover:0 26px 70px -32px #5f37957a;--shadow-orange:0 18px 34px -20px #ff6600b8;--shadow-glow-orange:0 0 0 4px #ff66001a}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-3{top:calc(var(--spacing) * -3)}.-top-20{top:calc(var(--spacing) * -20)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-5{top:calc(var(--spacing) * 5)}.top-6{top:calc(var(--spacing) * 6)}.top-8{top:calc(var(--spacing) * 8)}.top-10{top:calc(var(--spacing) * 10)}.-right-4{right:calc(var(--spacing) * -4)}.-right-20{right:calc(var(--spacing) * -20)}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.right-6{right:calc(var(--spacing) * 6)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-5{bottom:calc(var(--spacing) * 5)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-8{bottom:calc(var(--spacing) * 8)}.bottom-10{bottom:calc(var(--spacing) * 10)}.bottom-14{bottom:calc(var(--spacing) * 14)}.bottom-24{bottom:calc(var(--spacing) * 24)}.-left-6{left:calc(var(--spacing) * -6)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-5{left:calc(var(--spacing) * 5)}.left-6{left:calc(var(--spacing) * 6)}.left-8{left:calc(var(--spacing) * 8)}.left-\[15px\]{left:15px}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[2\]{z-index:2}.z-\[5\]{z-index:5}.z-\[70\]{z-index:70}.z-\[100\]{z-index:100}.col-span-full{grid-column:1/-1}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing) * 2)}.my-8{margin-block:calc(var(--spacing) * 8)}.-mt-16{margin-top:calc(var(--spacing) * -16)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-auto{margin-top:auto}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.aspect-\[1\.5\]{aspect-ratio:1.5}.aspect-\[1\.65\]{aspect-ratio:1.65}.aspect-\[5\/6\]{aspect-ratio:5/6}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-square{aspect-ratio:1}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-28{height:calc(var(--spacing) * 28)}.h-36{height:calc(var(--spacing) * 36)}.h-40{height:calc(var(--spacing) * 40)}.h-48{height:calc(var(--spacing) * 48)}.h-52{height:calc(var(--spacing) * 52)}.h-56{height:calc(var(--spacing) * 56)}.h-64{height:calc(var(--spacing) * 64)}.h-72{height:calc(var(--spacing) * 72)}.h-80{height:calc(var(--spacing) * 80)}.h-\[88vh\]{height:88vh}.h-\[320px\]{height:320px}.h-\[340px\]{height:340px}.h-\[640px\]{height:640px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-\[85vh\]{max-height:85vh}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-\[18rem\]{min-height:18rem}.min-h-\[32rem\]{min-height:32rem}.min-h-\[44px\]{min-height:44px}.min-h-\[60vh\]{min-height:60vh}.min-h-\[500px\]{min-height:500px}.min-h-screen{min-height:100vh}.w-0\.5{width:calc(var(--spacing) * .5)}.w-1\/3{width:33.3333%}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-\[230px\]{width:230px}.w-\[240px\]{width:240px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[480px\]{max-width:480px}.max-w-\[600px\]{max-width:600px}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[560px\]{min-width:560px}.flex-1{flex:1}.flex-\[1\.4\]{flex:1.4}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[modernFloat_6s_ease-in-out_infinite\]{animation:6s ease-in-out infinite modernFloat}.animate-\[modernReveal_\.68s_cubic-bezier\(\.2\,\.7\,\.2\,1\)_\.08s_both\]{animation:.68s cubic-bezier(.2,.7,.2,1) 80ms both modernReveal}.animate-\[modernReveal_\.68s_cubic-bezier\(\.2\,\.7\,\.2\,1\)_both\]{animation:.68s cubic-bezier(.2,.7,.2,1) both modernReveal}.animate-\[progress_3s_linear_forwards\]{animation:3s linear forwards progress}.animate-bounce{animation:var(--animate-bounce)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-9{gap:calc(var(--spacing) * 9)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-y-1{row-gap:calc(var(--spacing) * 1)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-kllc-border>:not(:last-child)){border-color:var(--color-kllc-border)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[1\.4rem\]{border-radius:1.4rem}.rounded-\[1\.6rem\]{border-radius:1.6rem}.rounded-\[1\.7rem\]{border-radius:1.7rem}.rounded-\[1\.9rem\]{border-radius:1.9rem}.rounded-\[1\.35rem\]{border-radius:1.35rem}.rounded-\[1\.55rem\]{border-radius:1.55rem}.rounded-\[1\.65rem\]{border-radius:1.65rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[30px\]{border-radius:30px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.rounded-r-full{border-top-right-radius:3.40282e38px;border-bottom-right-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-emerald-200{border-color:var(--color-emerald-200)}.border-green-200{border-color:var(--color-green-200)}.border-ink-100{border-color:var(--color-ink-100)}.border-ink-200{border-color:var(--color-ink-200)}.border-ink-300{border-color:var(--color-ink-300)}.border-kllc-border{border-color:var(--color-kllc-border)}.border-kllc-danger\/30{border-color:#e74c3c4d}@supports (color:color-mix(in lab,red,red)){.border-kllc-danger\/30{border-color:color-mix(in oklab,var(--color-kllc-danger) 30%,transparent)}}.border-kmitl-100{border-color:var(--color-kmitl-100)}.border-kmitl-200{border-color:var(--color-kmitl-200)}.border-kmitl-500{border-color:var(--color-kmitl-500)}.border-kmitl-orange{border-color:var(--color-kmitl-orange)}.border-kmitl-orange\/20{border-color:#f603}@supports (color:color-mix(in lab,red,red)){.border-kmitl-orange\/20{border-color:color-mix(in oklab,var(--color-kmitl-orange) 20%,transparent)}}.border-kmitl-orange\/25{border-color:#ff660040}@supports (color:color-mix(in lab,red,red)){.border-kmitl-orange\/25{border-color:color-mix(in oklab,var(--color-kmitl-orange) 25%,transparent)}}.border-orange-200{border-color:var(--color-orange-200)}.border-orange-400{border-color:var(--color-orange-400)}.border-orange-500{border-color:var(--color-orange-500)}.border-red-100{border-color:var(--color-red-100)}.border-red-200{border-color:var(--color-red-200)}.border-red-500\/30{border-color:#fb2c364d}@supports (color:color-mix(in lab,red,red)){.border-red-500\/30{border-color:color-mix(in oklab,var(--color-red-500) 30%,transparent)}}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-200\/60{border-color:#e2e8f099}@supports (color:color-mix(in lab,red,red)){.border-slate-200\/60{border-color:color-mix(in oklab,var(--color-slate-200) 60%,transparent)}}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.border-white\/15{border-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.border-white\/30{border-color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab,red,red)){.border-white\/40{border-color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.border-white\/50{border-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.border-white\/50{border-color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.border-t-transparent{border-top-color:#0000}.bg-\[\#5F3795\]{background-color:#5f3795}.bg-\[\#06C755\]{background-color:#06c755}.bg-\[\#18102b\]{background-color:#18102b}.bg-\[\#F8F7FB\]{background-color:#f8f7fb}.bg-\[\#F8F9FB\]{background-color:#f8f9fb}.bg-\[\#FFF4EB\]{background-color:#fff4eb}.bg-\[\#cfcfcf\]{background-color:#cfcfcf}.bg-\[\#d1d1d1\]{background-color:#d1d1d1}.bg-\[\#dedee1\]{background-color:#dedee1}.bg-\[\#faf9fd\]{background-color:#faf9fd}.bg-\[oklch\(98\.6\%_0\.004_265\)\]{background-color:#f9fafd}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.bg-black\/10{background-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\/30{background-color:color-mix(in oklab,var(--color-black) 30%,transparent)}}.bg-black\/35{background-color:#00000059}@supports (color:color-mix(in lab,red,red)){.bg-black\/35{background-color:color-mix(in oklab,var(--color-black) 35%,transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-gray-950{background-color:var(--color-gray-950)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-ink-50{background-color:var(--color-ink-50)}.bg-ink-100{background-color:var(--color-ink-100)}.bg-ink-200{background-color:var(--color-ink-200)}.bg-ink-900{background-color:var(--color-ink-900)}.bg-ink-900\/35{background-color:#0e0f1259}@supports (color:color-mix(in lab,red,red)){.bg-ink-900\/35{background-color:color-mix(in oklab,var(--color-ink-900) 35%,transparent)}}.bg-kllc-accent{background-color:var(--color-kllc-accent)}.bg-kllc-border{background-color:var(--color-kllc-border)}.bg-kllc-navy{background-color:var(--color-kllc-navy)}.bg-kllc-purple{background-color:var(--color-kllc-purple)}.bg-kllc-purple-deep{background-color:var(--color-kllc-purple-deep)}.bg-kllc-purple-soft{background-color:var(--color-kllc-purple-soft)}.bg-kllc-surface{background-color:var(--color-kllc-surface)}.bg-kmitl-50{background-color:var(--color-kmitl-50)}.bg-kmitl-50\/70{background-color:#fff4ebb3}@supports (color:color-mix(in lab,red,red)){.bg-kmitl-50\/70{background-color:color-mix(in oklab,var(--color-kmitl-50) 70%,transparent)}}.bg-kmitl-500{background-color:var(--color-kmitl-500)}.bg-kmitl-gray-100{background-color:var(--color-kmitl-gray-100)}.bg-kmitl-gray-900\/45{background-color:#17132173}@supports (color:color-mix(in lab,red,red)){.bg-kmitl-gray-900\/45{background-color:color-mix(in oklab,var(--color-kmitl-gray-900) 45%,transparent)}}.bg-kmitl-orange{background-color:var(--color-kmitl-orange)}.bg-kmitl-orange\/10{background-color:#ff66001a}@supports (color:color-mix(in lab,red,red)){.bg-kmitl-orange\/10{background-color:color-mix(in oklab,var(--color-kmitl-orange) 10%,transparent)}}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-200\/30{background-color:#ffd7a84d}@supports (color:color-mix(in lab,red,red)){.bg-orange-200\/30{background-color:color-mix(in oklab,var(--color-orange-200) 30%,transparent)}}.bg-orange-500{background-color:var(--color-orange-500)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500) 10%,transparent)}}.bg-red-500\/20{background-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/20{background-color:color-mix(in oklab,var(--color-red-500) 20%,transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.bg-white\/15{background-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-white\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.bg-white\/30{background-color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.bg-white\/40{background-color:#fff6}@supports (color:color-mix(in lab,red,red)){.bg-white\/40{background-color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.bg-white\/85{background-color:#ffffffd9}@supports (color:color-mix(in lab,red,red)){.bg-white\/85{background-color:color-mix(in oklab,var(--color-white) 85%,transparent)}}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab,red,red)){.bg-white\/95{background-color:color-mix(in oklab,var(--color-white) 95%,transparent)}}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.\[background-image\:radial-gradient\(900px_360px_at_83\%_5\%\,rgba\(95\,55\,149\,\.12\)\,transparent_62\%\)\,radial-gradient\(740px_320px_at_8\%_16\%\,rgba\(255\,102\,0\,\.08\)\,transparent_58\%\)\]{background-image:radial-gradient(900px 360px at 83% 5%,#5f37951f,#0000 62%),radial-gradient(740px 320px at 8% 16%,#ff660014,#0000 58%)}.bg-\[conic-gradient\(from_10deg\,\#ff6600\,\#5f3795\,\#ee3468\,\#ff6600\)\]{background-image:conic-gradient(from 10deg,#f60,#5f3795,#ee3468,#f60)}.bg-\[radial-gradient\(circle_at_18\%_22\%\,rgba\(255\,255\,255\,\.34\)\,transparent_25\%\)\,radial-gradient\(circle_at_78\%_18\%\,rgba\(255\,102\,0\,\.56\)\,transparent_22\%\)\,radial-gradient\(circle_at_64\%_74\%\,rgba\(232\,52\,104\,\.42\)\,transparent_22\%\)\,linear-gradient\(135deg\,\#6b3bb1_0\%\,\#321058_62\%\,\#5F3795_100\%\)\]{background-image:radial-gradient(circle at 18% 22%,#ffffff57,#0000 25%),radial-gradient(circle at 78% 18%,#ff66008f,#0000 22%),radial-gradient(circle at 64% 74%,#e834686b,#0000 22%),linear-gradient(135deg,#6b3bb1,#321058 62%,#5f3795)}.bg-\[radial-gradient\(circle_at_82\%_18\%\,rgba\(255\,255\,255\,\.42\)\,transparent_23\%\)\]{background-image:radial-gradient(circle at 82% 18%,#ffffff6b,#0000 23%)}.from-\[\#5F3795\]{--tw-gradient-from:#5f3795;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#efefef\]{--tw-gradient-from:#efefef;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#f2f2f5\]{--tw-gradient-from:#f2f2f5;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/45{--tw-gradient-from:#00000073}@supports (color:color-mix(in lab,red,red)){.from-black\/45{--tw-gradient-from:color-mix(in oklab, var(--color-black) 45%, transparent)}}.from-black\/45{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-kllc-purple{--tw-gradient-from:var(--color-kllc-purple);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-kllc-purple-deep\/80{--tw-gradient-from:#321058cc}@supports (color:color-mix(in lab,red,red)){.from-kllc-purple-deep\/80{--tw-gradient-from:color-mix(in oklab, var(--color-kllc-purple-deep) 80%, transparent)}}.from-kllc-purple-deep\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-kllc-purple-soft{--tw-gradient-from:var(--color-kllc-purple-soft);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-kmitl-500{--tw-gradient-from:var(--color-kmitl-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-kmitl-600{--tw-gradient-from:var(--color-kmitl-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-kmitl-700\/75{--tw-gradient-from:#b34700bf}@supports (color:color-mix(in lab,red,red)){.from-kmitl-700\/75{--tw-gradient-from:color-mix(in oklab, var(--color-kmitl-700) 75%, transparent)}}.from-kmitl-700\/75{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-orange-400{--tw-gradient-from:var(--color-orange-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-purple-700{--tw-gradient-from:var(--color-purple-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-white{--tw-gradient-from:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#321058\]{--tw-gradient-via:#321058;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-fuchsia-600{--tw-gradient-via:var(--color-fuchsia-600);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-kmitl-500{--tw-gradient-via:var(--color-kmitl-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-kmitl-orange-soft{--tw-gradient-via:var(--color-kmitl-orange-soft);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-rose-400{--tw-gradient-via:var(--color-rose-400);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#FF6600\]{--tw-gradient-to:#f60;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#cfcfcf\]{--tw-gradient-to:#cfcfcf;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#d6d6dc\]{--tw-gradient-to:#d6d6dc;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-black\/10{--tw-gradient-to:#0000001a}@supports (color:color-mix(in lab,red,red)){.to-black\/10{--tw-gradient-to:color-mix(in oklab, var(--color-black) 10%, transparent)}}.to-black\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-black\/15{--tw-gradient-to:#00000026}@supports (color:color-mix(in lab,red,red)){.to-black\/15{--tw-gradient-to:color-mix(in oklab, var(--color-black) 15%, transparent)}}.to-black\/15{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-ink-50\/70{--tw-gradient-to:#f8f9fbb3}@supports (color:color-mix(in lab,red,red)){.to-ink-50\/70{--tw-gradient-to:color-mix(in oklab, var(--color-ink-50) 70%, transparent)}}.to-ink-50\/70{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-ink-900\/60{--tw-gradient-to:#0e0f1299}@supports (color:color-mix(in lab,red,red)){.to-ink-900\/60{--tw-gradient-to:color-mix(in oklab, var(--color-ink-900) 60%, transparent)}}.to-ink-900\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-kmitl-400{--tw-gradient-to:var(--color-kmitl-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-kmitl-600{--tw-gradient-to:var(--color-kmitl-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-kmitl-700{--tw-gradient-to:var(--color-kmitl-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-kmitl-orange{--tw-gradient-to:var(--color-kmitl-orange);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-kmitl-orange\/35{--tw-gradient-to:#ff660059}@supports (color:color-mix(in lab,red,red)){.to-kmitl-orange\/35{--tw-gradient-to:color-mix(in oklab, var(--color-kmitl-orange) 35%, transparent)}}.to-kmitl-orange\/35{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-600{--tw-gradient-to:var(--color-orange-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-700{--tw-gradient-to:var(--color-purple-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-white{--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-kmitl-500{fill:var(--color-kmitl-500)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-24{padding-block:calc(var(--spacing) * 24)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-thai{font-family:var(--font-thai)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14\.5px\]{font-size:14.5px}.text-\[14px\]{font-size:14px}.text-\[15\.5px\]{font-size:15.5px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[34px\]{font-size:34px}.text-\[40px\]{font-size:40px}.text-\[42px\]{font-size:42px}.text-\[44px\]{font-size:44px}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-9{--tw-leading:calc(var(--spacing) * 9);line-height:calc(var(--spacing) * 9)}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.7\]{--tw-leading:1.7;line-height:1.7}.leading-\[1\.08\]{--tw-leading:1.08;line-height:1.08}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[0\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#0E0F12\]{color:#0e0f12}.text-\[\#5F3795\]{color:#5f3795}.text-\[\#FF3D00\]{color:#ff3d00}.text-\[var\(--verify-muted\)\]{color:var(--verify-muted)}.text-amber-200{color:var(--color-amber-200)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-black{color:var(--color-black)}.text-black\/50{color:#00000080}@supports (color:color-mix(in lab,red,red)){.text-black\/50{color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.text-black\/65{color:#000000a6}@supports (color:color-mix(in lab,red,red)){.text-black\/65{color:color-mix(in oklab,var(--color-black) 65%,transparent)}}.text-black\/80{color:#000c}@supports (color:color-mix(in lab,red,red)){.text-black\/80{color:color-mix(in oklab,var(--color-black) 80%,transparent)}}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-gray-400{color:var(--color-gray-400)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-ink-300{color:var(--color-ink-300)}.text-ink-400{color:var(--color-ink-400)}.text-ink-500{color:var(--color-ink-500)}.text-ink-700{color:var(--color-ink-700)}.text-ink-900{color:var(--color-ink-900)}.text-kllc-accent{color:var(--color-kllc-accent)}.text-kllc-danger{color:var(--color-kllc-danger)}.text-kllc-ink{color:var(--color-kllc-ink)}.text-kllc-muted{color:var(--color-kllc-muted)}.text-kllc-navy{color:var(--color-kllc-navy)}.text-kllc-purple{color:var(--color-kllc-purple)}.text-kllc-purple-deep{color:var(--color-kllc-purple-deep)}.text-kllc-success{color:var(--color-kllc-success)}.text-kmitl-500{color:var(--color-kmitl-500)}.text-kmitl-600{color:var(--color-kmitl-600)}.text-kmitl-700{color:var(--color-kmitl-700)}.text-kmitl-gray-700{color:var(--color-kmitl-gray-700)}.text-kmitl-gray-900{color:var(--color-kmitl-gray-900)}.text-kmitl-orange{color:var(--color-kmitl-orange)}.text-orange-500{color:var(--color-orange-500)}.text-orange-600{color:var(--color-orange-600)}.text-orange-700{color:var(--color-orange-700)}.text-orange-800{color:var(--color-orange-800)}.text-orange-900{color:var(--color-orange-900)}.text-red-300{color:var(--color-red-300)}.text-red-300\/80{color:#ffa3a3cc}@supports (color:color-mix(in lab,red,red)){.text-red-300\/80{color:color-mix(in oklab,var(--color-red-300) 80%,transparent)}}.text-red-400{color:var(--color-red-400)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-900{color:var(--color-red-900)}.text-rose-600{color:var(--color-rose-600)}.text-rose-700{color:var(--color-rose-700)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.text-white\/55{color:#ffffff8c}@supports (color:color-mix(in lab,red,red)){.text-white\/55{color:color-mix(in oklab,var(--color-white) 55%,transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab,red,red)){.text-white\/85{color:color-mix(in oklab,var(--color-white) 85%,transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.text-white\/90{color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.decoration-slate-200{-webkit-text-decoration-color:var(--color-slate-200);text-decoration-color:var(--color-slate-200)}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-kmitl-500{accent-color:var(--color-kmitl-500)}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-45{opacity:.45}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.mix-blend-overlay{mix-blend-mode:overlay}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_50px_-12px_rgba\(249\,115\,22\,0\.3\)\]{--tw-shadow:0 0 50px -12px var(--tw-shadow-color,#f973164d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_10px_30px_-12px_rgba\(36\,8\,63\,0\.18\)\]{--tw-shadow:0 10px 30px -12px var(--tw-shadow-color,#24083f2e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_18px_34px_-20px_rgba\(255\,102\,0\,\.72\)\]{--tw-shadow:0 18px 34px -20px var(--tw-shadow-color,#ff6600b8);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_18px_50px_-28px_rgba\(36\,8\,63\,\.35\)\]{--tw-shadow:0 18px 50px -28px var(--tw-shadow-color,#24083f59);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_26px_70px_-32px_rgba\(95\,55\,149\,\.48\)\]{--tw-shadow:0 26px 70px -32px var(--tw-shadow-color,#5f37957a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-card{--tw-shadow:0 18px 50px -28px var(--tw-shadow-color,#24083f59);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-orange{--tw-shadow:0 18px 34px -20px var(--tw-shadow-color,#ff6600b8);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-pop{--tw-shadow:0 12px 40px -8px var(--tw-shadow-color,#ff660059);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-orange-200{--tw-shadow-color:oklch(90.1% .076 70.697)}@supports (color:color-mix(in lab,red,red)){.shadow-orange-200{--tw-shadow-color:color-mix(in oklab, var(--color-orange-200) var(--tw-shadow-alpha), transparent)}}.shadow-slate-200{--tw-shadow-color:oklch(92.9% .013 255.508)}@supports (color:color-mix(in lab,red,red)){.shadow-slate-200{--tw-shadow-color:color-mix(in oklab, var(--color-slate-200) var(--tw-shadow-alpha), transparent)}}.ring-emerald-200{--tw-ring-color:var(--color-emerald-200)}.ring-ink-200{--tw-ring-color:var(--color-ink-200)}.ring-kllc-border{--tw-ring-color:var(--color-kllc-border)}.ring-kmitl-orange\/30{--tw-ring-color:#ff66004d}@supports (color:color-mix(in lab,red,red)){.ring-kmitl-orange\/30{--tw-ring-color:color-mix(in oklab, var(--color-kmitl-orange) 30%, transparent)}}.ring-rose-200{--tw-ring-color:var(--color-rose-200)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.brightness-0{--tw-brightness:brightness(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-2xl{--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_12px_20px_rgba\(36\,8\,63\,0\.35\)\]{--tw-drop-shadow-size:drop-shadow(0 12px 20px var(--tw-drop-shadow-color,#24083f59));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[18px\]{--tw-backdrop-blur:blur(18px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[--r\:-2deg\]{--r:-2deg}.\[--r\:1deg\]{--r:1deg}.\[--r\:3deg\]{--r:3deg}.\[animation-delay\:-1\.4s\]{animation-delay:-1.4s}.\[animation-delay\:-2\.6s\]{animation-delay:-2.6s}.\[scrollbar-width\:none\]{scrollbar-width:none}.\[text-shadow\:0_12px_36px_rgba\(0\,0\,0\,0\.35\)\]{text-shadow:0 12px 36px #00000059}@media(hover:hover){.group-hover\:scale-\[1\.02\]:is(:where(.group):hover *){scale:1.02}.group-hover\:text-kmitl-orange:is(:where(.group):hover *){color:var(--color-kmitl-orange)}}.placeholder\:font-normal::placeholder{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.placeholder\:text-ink-400::placeholder{color:var(--color-ink-400)}.placeholder\:text-kllc-muted::placeholder{color:var(--color-kllc-muted)}.placeholder\:text-slate-400::placeholder{color:var(--color-slate-400)}.focus-within\:bg-white:focus-within{background-color:var(--color-white)}.focus-within\:ring-kmitl-300:focus-within{--tw-ring-color:var(--color-kmitl-300)}@media(hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-kllc-purple:hover{border-color:var(--color-kllc-purple)}.hover\:border-kmitl-200:hover{border-color:var(--color-kmitl-200)}.hover\:border-kmitl-300:hover{border-color:var(--color-kmitl-300)}.hover\:border-kmitl-orange:hover{border-color:var(--color-kmitl-orange)}.hover\:border-kmitl-orange\/40:hover{border-color:#f606}@supports (color:color-mix(in lab,red,red)){.hover\:border-kmitl-orange\/40:hover{border-color:color-mix(in oklab,var(--color-kmitl-orange) 40%,transparent)}}.hover\:border-white\/60:hover{border-color:#fff9}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/60:hover{border-color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.hover\:bg-\[\#d4d2da\]:hover{background-color:#d4d2da}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-kllc-accent-hover:hover{background-color:var(--color-kllc-accent-hover)}.hover\:bg-kllc-purple-deep:hover{background-color:var(--color-kllc-purple-deep)}.hover\:bg-kllc-surface:hover{background-color:var(--color-kllc-surface)}.hover\:bg-kmitl-50:hover{background-color:var(--color-kmitl-50)}.hover\:bg-kmitl-50\/60:hover{background-color:#fff4eb99}@supports (color:color-mix(in lab,red,red)){.hover\:bg-kmitl-50\/60:hover{background-color:color-mix(in oklab,var(--color-kmitl-50) 60%,transparent)}}.hover\:bg-kmitl-50\/70:hover{background-color:#fff4ebb3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-kmitl-50\/70:hover{background-color:color-mix(in oklab,var(--color-kmitl-50) 70%,transparent)}}.hover\:bg-kmitl-500:hover{background-color:var(--color-kmitl-500)}.hover\:bg-kmitl-600:hover{background-color:var(--color-kmitl-600)}.hover\:bg-kmitl-gray-100:hover{background-color:var(--color-kmitl-gray-100)}.hover\:bg-kmitl-orange-dark:hover{background-color:var(--color-kmitl-orange-dark)}.hover\:bg-kmitl-orange-soft:hover{background-color:var(--color-kmitl-orange-soft)}.hover\:bg-kmitl-orange\/10:hover{background-color:#ff66001a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-kmitl-orange\/10:hover{background-color:color-mix(in oklab,var(--color-kmitl-orange) 10%,transparent)}}.hover\:bg-orange-50:hover{background-color:var(--color-orange-50)}.hover\:bg-orange-600:hover{background-color:var(--color-orange-600)}.hover\:bg-orange-700:hover{background-color:var(--color-orange-700)}.hover\:bg-red-500\/30:hover{background-color:#fb2c364d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-500\/30:hover{background-color:color-mix(in oklab,var(--color-red-500) 30%,transparent)}}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.hover\:bg-white\/15:hover{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/15:hover{background-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.hover\:bg-white\/25:hover{background-color:#ffffff40}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/25:hover{background-color:color-mix(in oklab,var(--color-white) 25%,transparent)}}.hover\:bg-white\/30:hover{background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/30:hover{background-color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.hover\:bg-white\/60:hover{background-color:#fff9}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/60:hover{background-color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.hover\:bg-white\/90:hover{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/90:hover{background-color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.hover\:bg-yellow-600:hover{background-color:var(--color-yellow-600)}.hover\:text-kllc-accent-hover:hover{color:var(--color-kllc-accent-hover)}.hover\:text-kllc-purple:hover{color:var(--color-kllc-purple)}.hover\:text-kmitl-600:hover{color:var(--color-kmitl-600)}.hover\:text-kmitl-700:hover{color:var(--color-kmitl-700)}.hover\:text-kmitl-gray-700:hover{color:var(--color-kmitl-gray-700)}.hover\:text-kmitl-gray-900:hover{color:var(--color-kmitl-gray-900)}.hover\:text-kmitl-orange:hover{color:var(--color-kmitl-orange)}.hover\:text-orange-700:hover{color:var(--color-orange-700)}.hover\:text-red-200:hover{color:var(--color-red-200)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:text-slate-700:hover{color:var(--color-slate-700)}.hover\:text-white:hover{color:var(--color-white)}.hover\:decoration-red-200:hover{-webkit-text-decoration-color:var(--color-red-200);text-decoration-color:var(--color-red-200)}.hover\:shadow-\[0_12px_40px_-8px_rgba\(255\,102\,0\,0\.35\)\]:hover{--tw-shadow:0 12px 40px -8px var(--tw-shadow-color,#ff660059);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0_18px_50px_-28px_rgba\(36\,8\,63\,\.35\)\]:hover{--tw-shadow:0 18px 50px -28px var(--tw-shadow-color,#24083f59);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0_26px_70px_-32px_rgba\(95\,55\,149\,\.48\)\]:hover{--tw-shadow:0 26px 70px -32px var(--tw-shadow-color,#5f37957a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-pop:hover{--tw-shadow:0 12px 40px -8px var(--tw-shadow-color,#ff660059);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-kmitl-300:focus{border-color:var(--color-kmitl-300)}.focus\:border-kmitl-orange:focus{border-color:var(--color-kmitl-orange)}.focus\:border-orange-400:focus{border-color:var(--color-orange-400)}.focus\:border-orange-500:focus{border-color:var(--color-orange-500)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-kmitl-orange:focus{--tw-ring-color:var(--color-kmitl-orange)}.focus\:ring-kmitl-orange\/20:focus{--tw-ring-color:#f603}@supports (color:color-mix(in lab,red,red)){.focus\:ring-kmitl-orange\/20:focus{--tw-ring-color:color-mix(in oklab, var(--color-kmitl-orange) 20%, transparent)}}.focus\:ring-kmitl-orange\/30:focus{--tw-ring-color:#ff66004d}@supports (color:color-mix(in lab,red,red)){.focus\:ring-kmitl-orange\/30:focus{--tw-ring-color:color-mix(in oklab, var(--color-kmitl-orange) 30%, transparent)}}.focus\:ring-orange-100:focus{--tw-ring-color:var(--color-orange-100)}.focus\:ring-orange-500\/10:focus{--tw-ring-color:#fe6e001a}@supports (color:color-mix(in lab,red,red)){.focus\:ring-orange-500\/10:focus{--tw-ring-color:color-mix(in oklab, var(--color-orange-500) 10%, transparent)}}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-kllc-accent:focus-visible{--tw-ring-color:var(--color-kllc-accent)}.focus-visible\:ring-orange-400:focus-visible{--tw-ring-color:var(--color-orange-400)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-wait:disabled{cursor:wait}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:opacity-70:disabled{opacity:.7}.disabled\:active\:scale-100:disabled:active{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}@media not all and (min-width:720px){.max-\[720px\]\:h-\[560px\]{height:560px}}@media not all and (min-width:640px){.max-\[640px\]\:hidden{display:none}}@media(min-width:40rem){.sm\:inset-auto{inset:auto}.sm\:top-8{top:calc(var(--spacing) * 8)}.sm\:right-6{right:calc(var(--spacing) * 6)}.sm\:right-8{right:calc(var(--spacing) * 8)}.sm\:right-10{right:calc(var(--spacing) * 10)}.sm\:right-14{right:calc(var(--spacing) * 14)}.sm\:bottom-6{bottom:calc(var(--spacing) * 6)}.sm\:left-28{left:calc(var(--spacing) * 28)}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:inline-flex{display:inline-flex}.sm\:h-\[560px\]{height:560px}.sm\:max-h-\[80vh\]{max-height:80vh}.sm\:w-\[380px\]{width:380px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-\[15rem_1fr\]{grid-template-columns:15rem 1fr}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:gap-x-8{column-gap:calc(var(--spacing) * 8)}.sm\:bg-transparent{background-color:#0000}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.sm\:text-\[44px\]{font-size:44px}.sm\:text-\[52px\]{font-size:52px}.sm\:backdrop-blur-none{--tw-backdrop-blur: ;-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}@media(min-width:48rem){.md\:my-1{margin-block:calc(var(--spacing) * 1)}.md\:ml-1{margin-left:calc(var(--spacing) * 1)}.md\:block{display:block}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:h-auto{height:auto}.md\:grid-cols-\[220px_minmax\(0\,1fr\)\]{grid-template-columns:220px minmax(0,1fr)}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:justify-between{justify-content:space-between}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media(min-width:64rem){.lg\:sticky{position:sticky}.lg\:top-24{top:calc(var(--spacing) * 24)}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:inline-flex{display:inline-flex}.lg\:min-h-\[520px\]{min-height:520px}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-\[\.84fr_\.74fr_\.56fr\]{grid-template-columns:.84fr .74fr .56fr}.lg\:grid-cols-\[1\.1fr_\.8fr_\.8fr_1fr\]{grid-template-columns:1.1fr .8fr .8fr 1fr}.lg\:grid-cols-\[1\.05fr_\.95fr\]{grid-template-columns:1.05fr .95fr}.lg\:grid-cols-\[1\.08fr_1fr\]{grid-template-columns:1.08fr 1fr}.lg\:grid-cols-\[300px_minmax\(0\,1fr\)\]{grid-template-columns:300px minmax(0,1fr)}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-start{align-items:flex-start}.lg\:justify-between{justify-content:space-between}.lg\:self-start{align-self:flex-start}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:py-10{padding-block:calc(var(--spacing) * 10)}.lg\:pt-16{padding-top:calc(var(--spacing) * 16)}.lg\:pt-20{padding-top:calc(var(--spacing) * 20)}.lg\:pb-20{padding-bottom:calc(var(--spacing) * 20)}.lg\:pb-28{padding-bottom:calc(var(--spacing) * 28)}.lg\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.lg\:text-\[16\.5px\]{font-size:16.5px}.lg\:text-\[28px\]{font-size:28px}.lg\:text-\[34px\]{font-size:34px}.lg\:text-\[52px\]{font-size:52px}.lg\:text-\[60px\]{font-size:60px}}@media(min-width:80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.\[\&_strong\]\:font-bold strong{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.\[\&_strong\]\:font-extrabold strong{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.\[\&_strong\]\:font-semibold strong{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&_strong\]\:text-ink-700 strong{color:var(--color-ink-700)}.\[\&_strong\]\:text-kllc-purple-deep strong{color:var(--color-kllc-purple-deep)}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\>h1\]\:m-0>h1,.\[\&\>h2\]\:m-0>h2,.\[\&\>p\]\:m-0>p{margin:calc(var(--spacing) * 0)}}@font-face{font-family:Jost;src:url(/assets/Jost-VariableFont_wght-BvwSITGa.ttf)format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Kanit;src:url(/assets/Kanit-Light-BHgJ55aV.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Kanit;src:url(/assets/Kanit-Regular-4aNEbE_l.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Kanit;src:url(/assets/Kanit-Medium-xYE7xnre.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Kanit;src:url(/assets/Kanit-SemiBold-BzKf-rFX.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}:root{--r-xs:6px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:22px;--r-3xl:27px;--r-4xl:32px;--r-pill:9999px;--fg-1:#16121e;--fg-2:#321058;--fg-3:#70687d;--fg-accent:#f60;--fg-brand:#5f3795;--fg-on-dark:#fff;--fg-on-dark-muted:#ffffffe6;--fg-on-dark-soft:#ffffffd1;--grad-warm:linear-gradient(135deg, #f60 0%, #ee3468 100%);--grad-brand:linear-gradient(135deg, #6b3bb1 0%, #321058 62%, #5f3795 100%);--grad-card-dark:radial-gradient(circle at 18% 22%, #ffffff57, transparent 25%), radial-gradient(circle at 78% 18%, #ff66008f, transparent 22%), radial-gradient(circle at 64% 74%, #e834686b, transparent 22%), linear-gradient(135deg, #6b3bb1 0%, #321058 62%, #5f3795 100%);--grad-hero-bg:radial-gradient(900px 360px at 83% 5%, #5f37951f, transparent 62%), radial-gradient(740px 320px at 8% 16%, #ff660014, transparent 58%)}.kllc-hero-grid{background-image:radial-gradient(1200px 400px at 80% -10%,#ff66002e,#0000 60%),radial-gradient(800px 300px at 10% 110%,#ff66001a,#0000 60%),linear-gradient(#fff,#fff8f2)}.kllc-grid-pattern{background-image:linear-gradient(#0e0f120b 1px,#0000 1px),linear-gradient(90deg,#0e0f120b 1px,#0000 1px);background-size:28px 28px}.kllc-scrollbar-thin::-webkit-scrollbar{height:6px}.kllc-scrollbar-thin::-webkit-scrollbar-thumb{background:#e6e8ec;border-radius:999px}.kllc-fade-in{animation:.22s ease-out both kllcFadeIn}@keyframes kllcFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.kllc-pulse-dot{position:relative}.kllc-pulse-dot:after{content:"";border-radius:9999px;animation:1.8s infinite kllcPulse;position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:0 0 #ff66008c}@keyframes kllcPulse{0%{box-shadow:0 0 #ff66008c}70%{box-shadow:0 0 0 14px #f600}to{box-shadow:0 0 #f600}}@keyframes modernReveal{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:none}}@keyframes modernFloat{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-14px) rotate(var(--r,0deg))}}.kllc-hero-slide{will-change:transform;pointer-events:none;transition:transform .7s cubic-bezier(.6,.05,.28,.91);position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(100%)}.kllc-hero-slide.is-on{pointer-events:auto;transform:translate(0)}.kllc-hero-slide.is-prev{transform:translate(-100%)}@media(prefers-reduced-motion:reduce){.kllc-hero-slide{transition:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}