:root{--home-bg: #fffaf6;--home-bg-2: #fbf8ff;--home-cream: #fff4eb;--home-panel: #ffffff;--home-title: #5f3794;--home-title-deep: #321058;--home-orange: #f05a26;--home-orange-2: #ff6600;--home-blue: #064d73;--home-white: #ffffff;--home-hero-wash: #fff8f1;--home-muted: #776b82;--home-muted-strong: #675b73;--home-tab-muted: #6f627b;--home-pink: #ee3468;--home-purple-light: #7241ad;--home-cover-dark: #2f134f;--home-transcript-wash: #f8f1ff;--home-lavender: #eee7f7;--home-person-bg: #f4f1f8;--home-footer: #150326;--home-flag-red: #ed1c24;--home-flag-blue: #241f70;--home-nav-gray: #efefef;--home-shadow: 0 28px 70px -42px rgba(36, 8, 63, .45);--home-shadow-pop: 0 44px 110px -48px rgba(36, 8, 63, .68);--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 .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;background:transparent;border-bottom:0}.home-shell .topnav{min-height:84px;display:grid;grid-template-columns:148px minmax(470px,1fr) auto;align-items:center;gap:18px}.home-shell .brand img{width:142px;height:auto}.home-shell .nav-links{display:flex;justify-content:center;align-items:center;gap:4px;justify-self:center;padding:5px;border-radius:999px;background:transparent;border:0;box-shadow:none;font-family:var(--font-thai);color:var(--kllc-ink);font-size:12.5px;font-weight:500}.home-shell .nav-links a{min-width:78px;min-height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;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 ease,color .18s ease}.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:9px;font-family:var(--font-thai);font-size:12.5px;white-space:nowrap}.home-shell .login{color:var(--kllc-ink);font-weight:600;margin-right:2px}.home-shell .signup{border:0;border-radius:999px;background:var(--kllc-purple);color:var(--home-white);min-height:34px;display:inline-flex;align-items:center;padding:0 16px;box-shadow:0 18px 34px -24px #5f3795e6;font-weight:500}.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:24px;height:24px;display:block;position:relative;color:var(--home-orange-2)}.home-shell .lang-globe.kllc-sprite{width:24px;height:24px;--sprite-x: -614px;--sprite-y: -116px}.home-shell .lang-globe:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:2px solid currentColor;border-radius:50%;box-shadow:inset 7px 0 0 -5px currentColor,inset -7px 0 0 -5px currentColor;opacity:.98}.home-shell .lang-globe:before{content:"";position:absolute;left:4px;right:4px;top:50%;height:2px;border-radius:999px;background:currentColor;transform:translateY(-50%);z-index:1}.home-shell .search-round{min-width:112px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:0 13px;color:var(--kllc-purple);font-size:13px;font-weight:700}.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 .hero{position:relative;min-height:clamp(760px,56vw,860px);padding:84px 0 calc(var(--hero-search-overlap) + 36px);background:var(--home-nav-gray);overflow:hidden}.home-shell .hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:82px;background:linear-gradient(180deg,rgba(255,250,246,0) 0%,var(--home-bg) 78%);pointer-events:none;z-index:1}.home-shell .hero-banner{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--home-nav-gray)}.home-shell .hero-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/v2/assets/home-update/hero-background.png);background-repeat:no-repeat;background-size:cover;background-position:center top}.home-shell .hero-copy{position:relative;z-index:2;min-height:clamp(620px,43vw,700px);display:flex;align-items:center;pointer-events:none}.home-shell .hero-copy:before{content:"";position:absolute;left:max(-8vw,-120px);top:0;bottom:0;width:min(52vw,640px);background:linear-gradient(90deg,#efefeff5,#efefefe8 72%,#efefef9e 88%,#efefef00);z-index:-1}.home-shell .hero-kicker{margin:0 0 16px;color:var(--kllc-ink);font-family:var(--font-display);font-size:clamp(18px,1.75vw,28px);font-weight:650;line-height:1.1;letter-spacing:.01em}.home-shell .hero-title{max-width:548px;margin:0;color:var(--kllc-ink);font-family:var(--font-thai);font-size:clamp(30px,3.05vw,50px);font-weight:650;line-height:1.38;letter-spacing:0}.home-shell .hero-title .en{display:block;font-family:var(--font-display);font-size:clamp(42px,4.65vw,76px);font-weight:700;line-height:.98;margin-bottom:18px}.home-shell .hero-title .accent{color:var(--home-orange);font-weight:700}.home-shell .hero-copy p{max-width:442px;margin:26px 0 25px;color:var(--kllc-ink);font-family:var(--font-thai);font-size:clamp(16px,1.35vw,21px);font-weight:650;line-height:1.72}.home-shell .hero-learn{min-width:188px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--kllc-purple);border-radius:999px;color:var(--kllc-purple);background:#ffffff2e;font-family:var(--font-display);font-size:20px;font-weight:500;box-shadow:none;pointer-events:auto}.home-shell .hero-box{width:min(100%,656px);min-height:120px;margin-top:28px;padding:14px 16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid rgba(204,204,204,.92);border-radius:20px;background:#fffffffa;box-shadow:0 20px 34px -30px #24083f42;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.home-shell .hero-box-item{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:10px;min-width:0;padding:0 13px;border-right:1px solid rgba(204,204,204,.92)}.home-shell .hero-box-item:last-child{border-right:0}.home-shell .hero-box-icon{width:48px;height:48px;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(.4);transform-origin:center;width:90px;height:90px}.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-calendar{--sprite-x: -500px;--sprite-y: -567px}.home-shell .kllc-icon-expert{--sprite-x: -616px;--sprite-y: -235px}.home-shell .kllc-icon-globe{--sprite-x: -614px;--sprite-y: -116px}.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(21px,1.85vw,26px);font-weight:600;line-height:1;letter-spacing:0}.home-shell .hero-box-label{color:var(--kllc-ink);font-family:var(--font-thai);font-size:clamp(11px,.9vw,14px);line-height:1.32;font-weight:400}.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 .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 ease,box-shadow .22s ease}.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 .btn-purple{color:var(--home-white);background:var(--kllc-purple);box-shadow:0 22px 42px -26px #5f3795d1}.home-shell .btn-soft{color:var(--kllc-purple);background:var(--home-white);border:1px solid var(--kllc-border);box-shadow:0 18px 36px -30px #24083f61}.home-shell .search-art{position:relative;z-index:8;isolation:isolate;display:block;margin:0 auto;border-radius:32px;filter:drop-shadow(0 34px 42px rgba(36,8,63,.14))}.home-shell .search-art img{width:100%;height:auto;display:block}.home-shell .search-hotspot{position:absolute;right:2.8%;top:21%;width:19.5%;height:58%;border-radius:999px;overflow:hidden;text-indent:-999px;white-space:nowrap}.home-shell .tw-line-icon{width:30px;height:30px;display:block;color:var(--kllc-purple);stroke:currentColor;stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round;fill:none}.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 .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:var(--home-white);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:var(--home-white);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;min-width:0}.home-shell .course-card{min-width:0;background:var(--home-white);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 ease}.home-shell .course-card:hover{transform:translateY(-4px)}.home-shell .cover{position:relative;aspect-ratio:1544 / 1123;height:auto;overflow:hidden;border-radius:16px 16px 0 0;background:var(--home-cover-dark);box-shadow:none}.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:var(--home-white);border-radius:999px;padding:5px 17px 7px;font-family:var(--font-display);font-size:19px;line-height:1;font-weight:500;letter-spacing:0}.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:var(--home-white);border:1.5px solid #26b245;color:#26b245;font-family:var(--font-display);font-size:12px;line-height:1;font-weight:400}.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);transform-origin:center}.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;padding-top:2px;min-width:0}.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;min-width:0;overflow:hidden;text-overflow:ellipsis}.home-shell .register{border:0;border-radius:999px;background:var(--kllc-purple);color:var(--home-white);min-width:102px;min-height:30px;padding:5px 16px 7px;font-family:var(--font-thai);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:var(--home-white);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;letter-spacing:0;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}.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:var(--home-white);box-shadow:0 1px #ffffffe6 inset}.home-shell .transcript-icon-box .kllc-sprite{width:96px;height:96px;transform:scale(1.14);transform-origin:center}.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 .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 .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;color:var(--home-white);background:var(--home-orange-2);border-color:var(--home-orange-2);box-shadow:none;font-size:18px}.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;min-height:0;border-radius:30px;overflow:hidden;background:transparent;box-shadow:none}.home-shell .workshop-feature img{width:129%;height:129%;max-width:none;object-fit:cover;object-position:center;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;padding-top:0}.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;background:transparent;box-shadow:none}.home-shell .workshop-photo img{width:100%;height:100%;object-fit:cover;object-position:center;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);box-shadow:none;font-family:var(--font-display);font-size:19px;font-weight:400}.home-shell .footer-cta{color:var(--home-white);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:var(--home-white)}.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 .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}.home-shell .course-body{padding:11px 10px 12px}.home-shell .course-name{font-size:18px;min-height:43px}.home-shell .course-meta{font-size:14.5px;gap:8px;margin-top:13px}.home-shell .price{font-size:16px}.home-shell .register{min-width:92px;padding-inline:13px}}@media(max-width:1080px){.home-shell .page{--hero-search-overlap: 44px}.home-shell .topnav{grid-template-columns:160px 1fr 44px;min-height:86px}.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 .workshop-grid{grid-template-columns:1fr;max-width:820px;margin:0 auto}.home-shell .workshop{padding:56px 0 64px}.home-shell .workshop .section-head{gap:18px}.home-shell .workshop-row-list{gap:42px}.home-shell .workshop-row{grid-template-columns:minmax(226px,300px) minmax(0,1fr);gap:28px}.home-shell .hero{min-height:900px;padding-bottom:calc(var(--hero-search-overlap) + 44px)}.home-shell .hero-banner:before{background-size:cover;background-position:center top}.home-shell .hero-copy:before{width:min(72vw,740px)}.home-shell .hero-copy{min-height:730px;align-items:center}.home-shell .hero-box{width:min(100%,620px);grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}.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:10px;border-top:1px solid rgba(204,204,204,.92)}.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:980px;padding-top:86px;padding-bottom:calc(var(--hero-search-overlap) + 36px)}.home-shell .hero-banner:before{background-size:cover;background-position:center top}.home-shell .hero-copy{min-height:820px;align-items:flex-start;padding-top:38px}.home-shell .hero-copy:before{width:calc(100% + 64px);background:#f3f3f3e0}.home-shell .hero-kicker{font-size:18px}.home-shell .hero-title{font-size:clamp(27px,8vw,38px)}.home-shell .hero-title .en{font-size:clamp(36px,10vw,48px)}.home-shell .hero-copy p{font-size:15px;line-height:1.62}.home-shell .hero-learn{min-width:150px;min-height:44px;font-size:17px}.home-shell .hero-box{width:100%;padding:12px;grid-template-columns:1fr;border-radius:18px}.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){border-right:0;border-top:1px solid rgba(204,204,204,.92);padding:10px 4px}.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 .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 .transcript-overview-icon{transform:scale(.9)}.home-shell .workshop{padding:46px 0 56px}.home-shell .workshop .section-head{grid-template-columns:1fr;margin-bottom:28px}.home-shell .workshop .section-sub{font-size:18px;line-height:1.45}.home-shell .workshop .view-all{justify-self:start}.home-shell .workshop-feature{border-radius:26px}.home-shell .workshop-feature img{width:129%;height:129%;transform:translate(-24.5%,-20.5%)}.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;padding-bottom:22px}.home-shell .course-name{min-height:40px}.home-shell .course-footer{grid-template-columns:minmax(0,1fr) auto;align-items:center}.home-shell .search-art{width:min(720px,100%);overflow-x:auto}.home-shell .search-art img{min-width:640px}.home-shell .section-head,.home-shell .footer-cta .wrap{align-items:flex-start;flex-direction:column}}.home-shell .nav-links{align-items:center}.home-shell .mobile-menu{display:none}.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: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}.home-shell .nav-trigger.active,.home-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}.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{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}.home-shell .dropdown-menu a:hover,.home-shell .dropdown-menu a.active{color:var(--home-orange-2, var(--course-orange, var(--verify-orange, #ff6600)));background:#ff660017}.home-shell .site-header.nav-open .nav-links{display:flex}@media(max-width:920px){.home-shell .site-header{position:sticky}.home-shell .topnav{grid-template-columns:132px minmax(0,1fr) 40px!important}.home-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}.home-shell .site-header.nav-open .topnav{align-items:start}.home-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}.home-shell .site-header.nav-open .nav-links>a,.home-shell .site-header.nav-open .nav-trigger{width:100%;min-height:42px;justify-content:flex-start;padding:0 14px;box-shadow:none}.home-shell .site-header.nav-open .nav-item{display:grid}.home-shell .nav-item:after{display:none}.home-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}.home-shell .nav-item.is-open .dropdown-menu{display:grid}.home-shell .nav-item:hover .dropdown-menu,.home-shell .nav-item:focus-within .dropdown-menu{transform:none}}@media(max-width:640px){.home-shell .topnav{grid-template-columns:minmax(0,1fr) auto 40px!important}}@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 .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}}: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}.student-shell{margin:0;padding:0}.student-shell .crumbs a{color:var(--kllc-muted)}.student-shell .crumbs a:hover{color:var(--kllc-orange)}.student-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}.student-shell .page-tabs-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px 0 8px}.student-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}.student-shell .section-title{font-family:Kanit,sans-serif;font-weight:600;font-size:22px;line-height:1.2;margin:4px 0 0}.student-shell.student-side-enabled main.container{display:grid;grid-template-columns:244px minmax(0,1fr);gap:24px;align-items:start}.student-shell .student-main-content{grid-column:2;min-width:0}.student-shell .student-side-nav{position:sticky;top:100px;grid-column:1;grid-row:1;display:grid;gap:14px;transition:width .22s ease}.student-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:13px;font-weight:500}.student-shell .student-sidebar-toggle:hover{background:var(--kllc-purple-soft)}.student-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}.student-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)}.student-shell .student-group-label{display:block;font-size:12.5px;font-weight:700;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}.student-shell .student-group-label:first-child{padding-top:4px}.student-shell .student-sidebar-card hr.student-nav-divider{border:none;border-top:1px solid var(--kllc-border-soft, #f0edf5);margin:6px 4px}.student-shell.student-side-collapsed .student-group-label,.student-shell.student-side-collapsed hr.student-nav-divider{display:none}.student-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:13px;font-weight:500;text-decoration:none}.student-shell .student-sidebar-link:hover{color:var(--kllc-purple);background:var(--kllc-purple-soft)}.student-shell .student-sidebar-link.on{color:#fff;background:var(--kllc-purple);box-shadow:0 10px 20px -10px #5f379594}.student-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}.student-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)}.student-shell .student-nav-icon .kllc-sprite{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.28);transform-origin:center}.student-shell .student-sidebar-link.on .student-nav-icon{background:#ffffffeb}.student-shell .kllc-icon-dashboard,.student-shell .kllc-icon-analytics{--sprite-x: -29px;--sprite-y: -235px}.student-shell .kllc-icon-transcript,.student-shell .kllc-icon-document{--sprite-x: -147px;--sprite-y: -10px}.student-shell .kllc-icon-credential,.student-shell .kllc-icon-upload{--sprite-x: -500px;--sprite-y: -115px}.student-shell .kllc-icon-path,.student-shell .kllc-icon-share{--sprite-x: -263px;--sprite-y: -235px}.student-shell .kllc-icon-cart,.student-shell .kllc-icon-download{--sprite-x: -29px;--sprite-y: -338px}.student-shell .kllc-icon-insight{--sprite-x: -263px;--sprite-y: -10px}.student-shell .kllc-icon-assessment{--sprite-x: -147px;--sprite-y: -115px}.student-shell .kllc-icon-transcript{--sprite-x: -29px;--sprite-y: -10px}.student-shell .kllc-icon-credential{--sprite-x: -500px;--sprite-y: -338px}.student-shell .kllc-icon-path{--sprite-x: -381px;--sprite-y: -338px}.student-shell .kllc-icon-cart{--sprite-x: -500px;--sprite-y: -567px}.student-shell .student-nav-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-shell .student-sidebar-note{padding:18px;border-radius:22px;color:#fff;background:linear-gradient(145deg,#24083f,#5f3795,#f60);box-shadow:var(--shadow-card)}.student-shell .student-sidebar-note .kicker{color:var(--fg-on-dark-muted, rgba(255,255,255,.9))}.student-shell .student-sidebar-note b{display:block;margin-top:8px;font-family:Kanit,sans-serif;font-size:18px;line-height:1.25}.student-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}.student-shell.student-side-enabled .page-tabs{display:none}.student-shell.student-side-collapsed main.container{grid-template-columns:78px minmax(0,1fr)}.student-shell.student-side-collapsed .student-sidebar-toggle{width:58px;min-height:58px;justify-content:center;padding:0;border-radius:18px}.student-shell.student-side-collapsed .student-sidebar-label{display:none}.student-shell.student-side-collapsed .student-sidebar-icon{transform:rotate(180deg)}.student-shell.student-side-collapsed .student-sidebar-card{width:58px;padding:8px;border-radius:18px}.student-shell.student-side-collapsed .student-sidebar-link{position:relative;width:42px;min-height:42px;justify-content:center;padding:0;overflow:visible}.student-shell.student-side-collapsed .student-sidebar-link .student-nav-text{display:none}.student-shell.student-side-collapsed .student-sidebar-link .student-nav-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:99px}.student-shell.student-side-collapsed .student-sidebar-link:hover:after,.student-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:12px;line-height:1.25;box-shadow:var(--shadow-card);pointer-events:none}.student-shell.student-side-collapsed .student-sidebar-note{display:none}@media(max-width:720px){.student-shell.student-side-enabled main.container{display:block}.student-shell.student-side-collapsed main.container{display:block}.student-shell .student-main-content{min-width:0}.student-shell .student-side-nav{position:static;margin:18px 0 6px}.student-shell .student-sidebar-toggle,.student-shell .student-sidebar-note{display:none}.student-shell .student-sidebar-card{display:flex;gap:8px;overflow-x:auto;border-radius:99px}.student-shell .student-sidebar-link{flex:0 0 auto}}.student-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}.student-shell .user-menu a,.student-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:13px;color:var(--fg-1);width:100%}.student-shell .user-menu a:hover,.student-shell .user-menu button:hover{background:var(--kllc-purple-soft);color:var(--kllc-purple)}.student-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}: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: ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, monospace}.student-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}.student-shell *{box-sizing:border-box}html,.student-shell{margin:0;padding:0}.student-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}.student-shell .th{font-family:Kanit,sans-serif}.student-shell img{display:block;max-width:100%}.student-shell button{font-family:inherit;cursor:pointer}.student-shell a{color:inherit;text-decoration:none}.student-shell .container{max-width:1280px;margin:0 auto;padding:0 32px}@media(max-width:720px){.student-shell .container{padding:0 18px}}.student-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}.student-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){.student-shell .app-bar-inner{padding:0 18px;gap:12px}}.student-shell .brand img{height:52px;filter:drop-shadow(0 2px 8px rgba(36,8,63,.15))}@media(max-width:720px){.student-shell .brand img{height:40px}}.student-shell .crumbs{font-family:Kanit,sans-serif;font-size:13px;color:var(--kllc-muted);display:flex;align-items:center;gap:6px}.student-shell .crumbs b{color:var(--kllc-purple);font-weight:600}@media(max-width:900px){.student-shell .crumbs{display:none}}.student-shell .app-bar-spacer{flex:1}.student-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}.student-shell .icon-btn:hover{background:var(--kllc-orange-soft);color:var(--kllc-orange)}.student-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}.student-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:12px;color:var(--fg-1)}.student-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)}.student-shell .flag span:nth-child(1),.student-shell .flag span:nth-child(5){background:#ed1c24}.student-shell .flag span:nth-child(2),.student-shell .flag span:nth-child(4){background:#fff}.student-shell .flag span:nth-child(3){background:#241f70;height:200%;transform:translateY(-25%)}.student-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}.student-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}.student-shell .user-chip .meta{text-align:left;font-family:Kanit,sans-serif;line-height:1.15}.student-shell .user-chip .meta b{display:block;font-size:12px;font-weight:500;color:var(--fg-1)}.student-shell .user-chip .meta span{font-family:Jost,sans-serif;font-size:10px;color:var(--kllc-muted);font-weight:600;letter-spacing:.04em}@media(max-width:720px){.student-shell .user-chip .meta{display:none}.student-shell .user-chip{padding:5px}}.student-shell .card{background:#fff;border:1px solid var(--kllc-border);border-radius:22px;box-shadow:var(--shadow-card)}.student-shell .pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:99px;font-size:12px;font-weight:700}.student-shell .pill-green{background:#2ecc7124;color:#1e9e54}.student-shell .pill-amber{background:#f39c122e;color:#c97a06}.student-shell .pill-purple{background:var(--kllc-purple-soft);color:var(--kllc-purple)}.student-shell .pill-orange{background:var(--kllc-orange-soft);color:var(--kllc-orange)}.student-shell .pill .dot-tiny{width:6px;height:6px;border-radius:99px;background:currentColor}.student-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}.student-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}.student-shell .btn-primary:hover{background:var(--kllc-orange-deep);transform:translateY(-1px)}.student-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}.student-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}.student-shell .btn-outline:hover{border-color:var(--kllc-purple)}.student-shell .kicker{font-family:Jost,sans-serif;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--kllc-orange)}.student-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)}.student-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}.student-shell .page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:26px 0 14px}.student-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)}.student-shell .page-intro h1 .accent{color:var(--kllc-orange)}.student-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)}.student-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)}.student-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}.student-shell .page-tab:hover{color:var(--kllc-purple)}.student-shell .page-tab.on{background:var(--kllc-purple);color:#fff;box-shadow:0 10px 20px -8px #5f379580}@media(max-width:720px){.student-shell .page-tabs{overflow-x:auto;max-width:100%}}.student-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}.student-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%)}.student-shell .hero-strip>*{position:relative;z-index:1}@media(max-width:900px){.student-shell .hero-strip{grid-template-columns:1fr;padding:22px}}.student-shell .me{display:flex;gap:16px;align-items:center}.student-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}.student-shell .me-ava img{width:80px;height:auto}.student-shell .me-info h2{font-family:Kanit,sans-serif;font-weight:600;font-size:22px;margin:0 0 4px;line-height:1.2}.student-shell .me-info .id{font-family:var(--font-mono);font-size:11px;color:var(--fg-on-dark-muted);margin:0 0 8px}.student-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}.student-shell .me-info .verified .dot{width:7px;height:7px;border-radius:99px;background:#2ecc71}.student-shell .hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}@media(max-width:720px){.student-shell .hero-stats{grid-template-columns:1fr 1fr}}.student-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}.student-shell .h-stat .v{font-family:Jost,sans-serif;font-weight:800;font-size:28px;line-height:1;color:#fff}.student-shell .h-stat .v .unit{font-weight:500;font-size:13px;color:var(--fg-on-dark-muted);margin-left:4px}.student-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}.student-shell .hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.student-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)}.student-shell .hero-actions .btn-glass:hover{background:#ffffff42}.student-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}.student-shell .match-formula code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:600;background:#ffffffb3;padding:1px 6px;border-radius:6px}.student-shell .match-grid{margin-top:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media(max-width:980px){.student-shell .match-grid{grid-template-columns:1fr}}.student-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}.student-shell .match-card:hover{border-color:var(--kllc-orange);transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.student-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%)}.student-shell .match-card .head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.student-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}.student-shell .match-card .role-th{font-family:Kanit,sans-serif;font-weight:400;font-size:12px;color:var(--kllc-muted);margin-top:2px}.student-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}.student-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}.student-shell .gap-list{display:flex;flex-direction:column;gap:8px}.student-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)}.student-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}.student-shell .gap-item{display:grid;gap:4px;grid-template-columns:1fr}.student-shell .gap-item .top{display:flex;justify-content:space-between;gap:8px;align-items:baseline;font-family:Kanit,sans-serif;font-size:12px}.student-shell .gap-item .name{color:var(--fg-1);font-weight:500}.student-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}.student-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}.student-shell .gap-item .gbar{position:relative;height:6px;background:#f0edf5;border-radius:99px;overflow:hidden}.student-shell .gap-item .gbar .cur{position:absolute;left:0;top:0;bottom:0;background:#5f379559;border-radius:99px}.student-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}.student-shell .course-pills{display:flex;gap:6px;flex-wrap:wrap;padding-top:4px}.student-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}.student-shell .course-pill .add{font-family:Jost,sans-serif;font-weight:800;color:var(--kllc-orange);font-size:10px}.student-shell .match-foot{display:flex;gap:8px;margin-top:auto;padding-top:4px;flex-wrap:wrap}.student-shell .match-foot .btn{height:36px;padding:0 14px;font-size:12px}.student-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}.student-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}.student-shell .goal-banner svg{color:var(--kllc-orange);flex-shrink:0}.student-shell .goal-banner .body{flex:1;min-width:0}.student-shell .goal-banner .body p{margin:0;font-family:Kanit,sans-serif;font-size:13px;color:var(--fg-1)}.student-shell .goal-banner .body p b{color:var(--kllc-orange);font-family:Jost,sans-serif;font-weight:800}.student-shell .goal-banner .body small{font-family:Kanit,sans-serif;font-weight:300;font-size:11px;color:var(--kllc-muted)}.student-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}.student-shell .jobsys-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.student-shell .jobsys-head h2{font-family:Kanit,sans-serif;font-weight:600;font-size:22px;margin:6px 0 0}.student-shell .jobsys-head h2 .accent{color:var(--kllc-orange)}.student-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}.student-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}.student-shell .sp-panel{display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:22px}@media(max-width:720px){.student-shell .sp-panel{grid-template-columns:1fr 1fr}}.student-shell .sp-card{background:var(--kllc-surface);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.student-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)}.student-shell .sp-card .lv{font-family:Jost,sans-serif;font-weight:800;font-size:22px;line-height:1;color:var(--fg-1)}.student-shell .sp-card .lv .unit{font-weight:500;font-size:12px;color:var(--kllc-muted);margin-left:4px}.student-shell .sp-card.points .lv{color:var(--kllc-orange)}.student-shell .jobpath{position:relative;display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin-bottom:28px}@media(max-width:820px){.student-shell .jobpath{grid-template-columns:1fr}}.student-shell .jobpath:before,.student-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}.student-shell .jobpath:before{left:calc(33.33% - 14px)}.student-shell .jobpath:after{left:calc(66.66% - 14px)}@media(max-width:820px){.student-shell .jobpath:before,.student-shell .jobpath:after{display:none}}.student-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}.student-shell .job-card:hover{background:#fff;border-color:var(--kllc-orange);transform:translateY(-2px)}.student-shell .job-card.cleared{background:#2ecc710f;border-color:#2ecc714d}.student-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}.student-shell .job-card.locked{opacity:.88}.student-shell .job-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.student-shell .job-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--kllc-purple),var(--kllc-pink));flex-shrink:0}.student-shell .job-card.cleared .job-icon{background:linear-gradient(135deg,#2ecc71,#1e9e54)}.student-shell .job-card.current .job-icon{background:linear-gradient(135deg,var(--kllc-orange),var(--kllc-pink))}.student-shell .job-card.locked .job-icon{background:#b8b0c4}.student-shell .job-icon svg{width:26px;height:26px}.student-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}.student-shell .stage-tag.cleared{background:#2ecc7129;color:#1e9e54}.student-shell .stage-tag.active{background:var(--kllc-orange);color:#fff;box-shadow:var(--shadow-orange)}.student-shell .stage-tag.locked{background:var(--kllc-surface);color:var(--kllc-muted);border:1px solid var(--kllc-border)}.student-shell .job-name{font-family:Jost,sans-serif;font-weight:800;font-size:22px;line-height:1.1;color:var(--fg-1)}.student-shell .job-th{font-family:Kanit,sans-serif;font-weight:500;font-size:14px;color:var(--kllc-muted);margin-top:2px}.student-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)}.student-shell .job-meta .dot{display:inline-block;width:4px;height:4px;border-radius:99px;background:currentColor;margin:0 2px}.student-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}.student-shell .job-quest .icon{display:inline-block;font-family:Jost,sans-serif;font-weight:800;color:var(--kllc-orange);margin-right:4px}.student-shell .job-card.cleared .job-quest .icon{color:#1e9e54}.student-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)}.student-shell .job-progress .bar{flex:1;height:8px;background:#fff;border-radius:99px;overflow:hidden;border:1px solid var(--kllc-border)}.student-shell .job-progress .bar>div{height:100%;background:linear-gradient(90deg,var(--kllc-orange),var(--kllc-pink))}.student-shell .branches-section{margin-top:4px}.student-shell .branches-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.student-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)}.student-shell .branches-head .hint{font-family:Kanit,sans-serif;font-weight:300;font-size:12px;color:var(--kllc-muted)}.student-shell .branches-head .hint b{color:var(--kllc-purple);font-weight:600}.student-shell .branches{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media(max-width:980px){.student-shell .branches{grid-template-columns:1fr 1fr}}@media(max-width:640px){.student-shell .branches{grid-template-columns:1fr}}.student-shell .loadout{margin-top:22px;display:grid;gap:14px;grid-template-columns:1fr 1fr}@media(max-width:720px){.student-shell .loadout{grid-template-columns:1fr}}.student-shell .loadout-card{background:var(--kllc-surface);border-radius:18px;padding:16px 18px}.student-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}.student-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}.student-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}.student-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)}.student-shell .skill-chip.locked{opacity:.55}.student-shell .skill-chip.locked .lvl{background:var(--kllc-border);color:var(--kllc-muted)}.student-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){.student-shell .mastery{grid-template-columns:1fr}}.student-shell .mastery-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.student-shell .mastery-head h2{font-family:Kanit,sans-serif;font-weight:600;font-size:18px;margin:4px 0 0}.student-shell .mastery-ladder{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.student-shell .ml-step{padding:14px 12px 12px;border-radius:14px;background:var(--kllc-surface);border:1px solid transparent;position:relative}.student-shell .ml-step.done{background:#2ecc711f;border-color:#2ecc7152}.student-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}.student-shell .ml-step .step-no{font-family:Jost,sans-serif;font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--kllc-muted)}.student-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}.student-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)}.student-shell .ml-step.done .step-tag{background:#2ecc712e;color:#1e9e54}.student-shell .ml-step.current .step-tag{background:var(--kllc-orange);color:#fff}.student-shell .mastery-side{background:var(--kllc-surface);border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:6px}.student-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)}.student-shell .mastery-side .title{font-family:Kanit,sans-serif;font-weight:500;font-size:15px;color:var(--fg-1);line-height:1.35}.student-shell .mastery-side .help{font-family:Kanit,sans-serif;font-weight:300;font-size:11px;color:var(--kllc-muted);line-height:1.5}.student-shell .mastery-side .progress{display:flex;align-items:center;gap:8px;margin-top:4px}.student-shell .mastery-side .progress .bar{flex:1;height:6px;background:#fff;border-radius:99px;overflow:hidden}.student-shell .mastery-side .progress .bar>div{height:100%;background:linear-gradient(90deg,var(--kllc-orange),var(--kllc-pink));width:64%}.student-shell .mastery-side .progress span{font-family:Jost,sans-serif;font-weight:800;font-size:11px;color:var(--kllc-orange)}.student-shell .skills-row{margin-top:22px;display:grid;gap:18px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}@media(max-width:980px){.student-shell .skills-row{grid-template-columns:1fr}}.student-shell .radar-card{padding:24px}.student-shell .radar-card .head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.student-shell .legend{display:flex;gap:14px;font-family:Jost,sans-serif;font-size:11px;font-weight:700}.student-shell .legend>span{display:inline-flex;align-items:center;gap:5px}.student-shell .legend .dot{display:inline-block;width:10px;height:10px;border-radius:99px}.student-shell .radar-mode{display:inline-flex;align-items:center;gap:4px;background:var(--kllc-surface);border-radius:99px;padding:4px;margin-top:12px}.student-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}.student-shell .radar-mode button:hover{color:var(--kllc-purple)}.student-shell .radar-mode button.on{background:var(--kllc-purple);color:#fff;box-shadow:0 8px 18px -8px #5f379580}.student-shell .radar-frame{width:100%;max-width:360px;margin:8px auto 0;aspect-ratio:1;padding:28px 18px;position:relative}.student-shell .radar-frame svg{width:100%;height:100%;overflow:visible}.student-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}.student-shell .radar-tip.on{opacity:1;transform:translate(-50%,calc(-100% - 12px)) scale(1)}.student-shell .radar-tip:after{content:"";position:absolute;left:50%;bottom:-5px;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:var(--fg-1)}.student-shell .radar-tip .name{font-family:Jost,sans-serif;font-weight:800;font-size:13px;letter-spacing:.04em;margin-bottom:6px}.student-shell .radar-tip .vals{display:grid;gap:4px;grid-template-columns:auto 1fr auto;align-items:center}.student-shell .radar-tip .swatch{width:8px;height:8px;border-radius:99px}.student-shell .radar-tip .lbl{font-family:Jost,sans-serif;font-weight:600;font-size:11px;color:var(--fg-on-dark-muted)}.student-shell .radar-tip .v{font-family:Jost,sans-serif;font-weight:800;font-size:12px}.student-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)}.student-shell .radar-tip .source-tag.none{background:#f39c124d;color:#ffb37a}.student-shell .hit-dot{fill:transparent;cursor:pointer;transition:fill .15s}.student-shell .hit-dot:hover{fill:#ff66002e}.student-shell .gain{margin-top:8px;display:flex;justify-content:center;gap:12px}.student-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}.student-shell .skill-list-card{padding:24px}.student-shell .skill-list-card .head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.student-shell .skill-row{padding:14px 0;border-bottom:1px dashed var(--kllc-border)}.student-shell .skill-row:last-child{border-bottom:0}.student-shell .skill-row .top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.student-shell .skill-row .name{font-family:Kanit,sans-serif;font-weight:500;font-size:15px;color:var(--fg-1)}.student-shell .skill-row .pct{font-family:Jost,sans-serif;font-weight:800;font-size:16px;color:var(--fg-1)}.student-shell .skill-row .meta{font-family:Kanit,sans-serif;font-weight:300;font-size:11px;color:var(--kllc-muted);margin-top:4px}.student-shell .skill-row .meta b{color:var(--kllc-success-deep);font-family:Jost,sans-serif;font-weight:800}.student-shell .bar{position:relative;height:10px;background:#f0edf5;border-radius:99px;overflow:hidden}.student-shell .bar-pre{position:absolute;left:0;top:0;bottom:0;background:#5f379559;border-radius:99px}.student-shell .bar-post{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--kllc-orange),var(--kllc-pink));border-radius:99px}.student-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}.student-shell .lh-row{margin-top:24px}.student-shell .lh-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:14px}.student-shell .lh-tabs{display:flex;gap:6px;background:#fff;border:1px solid var(--kllc-border);padding:4px;border-radius:99px}.student-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)}.student-shell .lh-tab.on{background:var(--kllc-orange);color:#fff;box-shadow:var(--shadow-orange)}.student-shell .lh-grid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}@media(max-width:980px){.student-shell .lh-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.student-shell .lh-grid{grid-template-columns:1fr}}.student-shell .lh-card{padding:18px;display:flex;flex-direction:column;gap:10px}.student-shell .lh-card .badge-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.student-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)}.student-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}.student-shell .lh-card .desc{font-family:Kanit,sans-serif;font-weight:300;font-size:12px;color:var(--kllc-muted);line-height:1.55}.student-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)}.student-shell .lh-progress .bar{flex:1;height:6px}.student-shell .lh-actions{display:flex;gap:8px;margin-top:auto;padding-top:6px}.student-shell .lh-actions .btn{height:34px;padding:0 14px;font-size:12px}.student-shell .cp-card{margin-top:24px;padding:26px}.student-shell .cp-grid{margin-top:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}@media(max-width:980px){.student-shell .cp-grid{grid-template-columns:1fr}}.student-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}.student-shell .cp-item:hover{background:#fff;border-color:var(--kllc-orange);transform:translateY(-2px)}.student-shell .cp-item .top{display:flex;justify-content:space-between;align-items:baseline}.student-shell .cp-item .role{font-family:Jost,sans-serif;font-weight:700;font-size:15px;color:var(--fg-1)}.student-shell .cp-item .fit{font-family:Jost,sans-serif;font-weight:800;color:var(--kllc-orange);font-size:18px}.student-shell .cp-item .fit small{font-family:Kanit,sans-serif;font-weight:300;font-size:10px;color:var(--kllc-muted);margin-left:3px}.student-shell .cp-item .gap{display:flex;gap:6px;align-items:center;font-family:Kanit,sans-serif;font-size:12px;color:var(--kllc-muted)}.student-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}.student-shell .cp-item .fit-bar{height:6px;background:var(--kllc-border);border-radius:99px;overflow:hidden}.student-shell .cp-item .fit-bar>div{height:100%;background:linear-gradient(90deg,var(--kllc-orange),var(--kllc-pink))}.student-shell .vc-card{margin-top:24px;padding:26px}.student-shell .vc-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px}.student-shell .vc-head .actions{display:flex;gap:10px;flex-wrap:wrap}.student-shell .vc-grid{margin-top:16px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}@media(max-width:980px){.student-shell .vc-grid{grid-template-columns:1fr}}.student-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}.student-shell .vc-item .top{display:flex;justify-content:space-between;align-items:center}.student-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)}.student-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)}.student-shell .vc-item .source{font-family:Kanit,sans-serif;font-weight:300;font-size:11px;color:var(--kllc-muted)}.student-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)}.student-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}.student-shell .vc-item .qr span{background:var(--fg-1)}.student-shell .vc-item .qr span.off{background:transparent}.student-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}.student-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%)}.student-shell .foot>*{position:relative;z-index:1}.student-shell .foot h3{font-family:Kanit,sans-serif;font-weight:600;font-size:20px;line-height:1.3;margin:0}.student-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)}.student-shell .foot .actions{display:flex;gap:10px;flex-wrap:wrap}.student-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}.student-shell .ai-fab img{width:50px;height:50px;object-fit:contain}.student-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}}.student-shell .ic{width:20px;height:20px}: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:78px;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:6px;font-family:var(--font-thai);font-size:13px;font-weight:500}.public-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)}.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:13px;font-weight:600}.public-shell .login{color:var(--public-ink)}.public-shell .signup{min-height:36px;display:inline-flex;align-items:center;border-radius:999px;padding:0 18px;background:var(--public-purple);color:#fff;box-shadow:0 18px 34px -24px #5f3795e6}.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: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}.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{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}.public-shell .dropdown-menu a:hover,.public-shell .dropdown-menu a.active{color:var(--home-orange-2, var(--course-orange, var(--verify-orange, #ff6600)));background:#ff660017}.public-shell .site-header.nav-open .nav-links{display:flex}@media(max-width:920px){.public-shell .site-header{position:sticky}.public-shell .topnav{grid-template-columns:132px minmax(0,1fr) 40px!important}.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 .site-header.nav-open .topnav{align-items:start}.public-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}.public-shell .site-header.nav-open .nav-links>a,.public-shell .site-header.nav-open .nav-trigger{width:100%;min-height:42px;justify-content:flex-start;padding:0 14px;box-shadow:none}.public-shell .site-header.nav-open .nav-item{display:grid}.public-shell .nav-item:after{display:none}.public-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}.public-shell .nav-item.is-open .dropdown-menu{display:grid}.public-shell .nav-item:hover .dropdown-menu,.public-shell .nav-item:focus-within .dropdown-menu{transform:none}}@media(max-width:640px){.public-shell .topnav{grid-template-columns:minmax(0,1fr) auto 40px!important}}@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: ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, monospace}: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{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 .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: ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, monospace}.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-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{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: ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, monospace}.student-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}.student-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}.student-shell .doc-head>*{position:relative;z-index:1}@media(max-width:820px){.student-shell .doc-head{grid-template-columns:1fr}}.student-shell .doc-id{display:flex;gap:18px;align-items:center}.student-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}.student-shell .doc-id .seal img{width:60px}.student-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)}.student-shell .doc-id .meta{font-family:var(--font-mono);font-size:11px;color:var(--kllc-muted);margin-bottom:8px}.student-shell .doc-id .tags{display:flex;gap:6px;flex-wrap:wrap}.student-shell .doc-actions{display:flex;flex-direction:column;gap:10px}.student-shell .doc-actions .btn{width:100%;min-width:200px}.student-shell .doc-actions .small{font-family:Kanit,sans-serif;font-size:11px;color:var(--kllc-muted);text-align:center}.student-shell .doc-summary{margin-top:18px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr)}@media(max-width:980px){.student-shell .doc-summary{grid-template-columns:1fr 1fr 1fr}}@media(max-width:600px){.student-shell .doc-summary{grid-template-columns:1fr 1fr}}.student-shell .doc-stat{padding:16px 18px;background:#fff;border:1px solid var(--kllc-border);border-radius:18px;box-shadow:var(--shadow-card)}.student-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)}.student-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}.student-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}.student-shell .doc-stat .v .unit{font-weight:500;font-size:12px;color:var(--kllc-muted);margin-left:4px}.student-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}.student-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)}.student-shell .cat-bar .cat.on{background:var(--kllc-orange);color:#fff;box-shadow:var(--shadow-orange)}.student-shell .cat-bar .cat .count{font-family:Jost,sans-serif;font-weight:800;font-size:10px;margin-left:4px;opacity:.7}.student-shell .cat-bar .spacer{flex:1}.student-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)}.student-shell .cat-bar .search input{border:0;background:transparent;outline:0;width:140px;font-family:inherit;font-size:12px;color:var(--fg-1)}.student-shell .skill-section{margin-top:22px}.student-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}.student-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}.student-shell .cat-pill.hard{background:var(--kllc-orange-soft);color:var(--kllc-orange)}.student-shell .cat-pill.soft{background:#f39c122e;color:#c97a06}.student-shell .cat-pill.dig{background:var(--kllc-purple-soft);color:var(--kllc-purple)}.student-shell .skill-table{background:#fff;border:1px solid var(--kllc-border);border-radius:22px;box-shadow:var(--shadow-card);overflow:hidden}.student-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){.student-shell .stl-head{display:none}}.student-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}.student-shell .stl-row:hover{background:var(--kllc-surface)}.student-shell .stl-row:last-child{border-bottom:0}.student-shell .stl-row.needs-attention{background:linear-gradient(90deg,#f39c1221,#f39c120a);box-shadow:inset 5px 0 0 var(--kllc-orange);border-bottom-color:#f39c1242}.student-shell .stl-row.needs-attention:hover{background:linear-gradient(90deg,#f39c122e,#f39c1212)}.student-shell .stl-row.needs-attention .lv-num{color:var(--kllc-orange)}.student-shell .stl-row.needs-attention .lv-bar{background:#f39c122e;outline:1px solid rgba(243,156,18,.28)}@media(max-width:820px){.student-shell .stl-row{grid-template-columns:1fr;gap:8px;padding:16px}}.student-shell .stl-name{font-family:Kanit,sans-serif;font-weight:500;font-size:15px;color:var(--fg-1)}.student-shell .stl-name small{display:block;font-family:Kanit,sans-serif;font-weight:300;font-size:11px;color:var(--kllc-muted);margin-top:2px}.student-shell .stl-level{display:flex;align-items:center;gap:8px}.student-shell .stl-level .lv-num{font-family:Jost,sans-serif;font-weight:800;font-size:16px;color:var(--fg-1);width:36px}.student-shell .stl-level .lv-bar{flex:1;height:6px;background:#f0edf5;border-radius:99px;overflow:hidden;position:relative}.student-shell .stl-level .lv-fill{height:100%;background:linear-gradient(90deg,var(--kllc-orange),var(--kllc-pink));border-radius:99px}.student-shell .stl-level .lv-thresh{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--kllc-success);border-radius:99px}.student-shell .stl-evidence{font-family:Jost,sans-serif;font-size:12px;color:var(--kllc-purple);font-weight:700}.student-shell .stl-evidence .ev-dot{display:inline-block;width:6px;height:6px;border-radius:99px;background:currentColor;margin-right:4px}.student-shell .stl-date{font-family:var(--font-mono);font-size:11px;color:var(--kllc-muted)}.student-shell .stl-status{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.student-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}.student-shell .status-pill.surplus{background:#2ecc7124;color:#167a42;border-color:#2ecc713d}.student-shell .status-pill.deficit{background:#f39c1233;color:#a45b00;border-color:#f39c126b;box-shadow:0 8px 18px -14px #f39c12e6}.student-shell .status-pill .dot-tiny{width:6px;height:6px;border-radius:99px;background:currentColor}.student-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}.student-shell .course-action:hover{background:var(--kllc-orange);color:#fff;border-color:var(--kllc-orange);transform:translateY(-1px)}.student-shell .course-action.selected{background:var(--kllc-orange);color:#fff;border-color:var(--kllc-orange)}.student-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}.student-shell .course-note.selected{color:var(--fg-1);font-weight:500}.student-shell .stl-row.expanded{background:var(--kllc-orange-soft);grid-template-columns:2fr 1.4fr 1fr 1fr 190px}.student-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){.student-shell .stl-detail{grid-template-columns:1fr}}.student-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}.student-shell .ev-list{display:flex;flex-direction:column;gap:8px}.student-shell .ev-row{display:flex;gap:10px;align-items:center;padding:8px 10px;background:var(--kllc-surface);border-radius:12px}.student-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}.student-shell .ev-row .ev-type.quiz{background:var(--kllc-purple-soft);color:var(--kllc-purple)}.student-shell .ev-row .ev-type.art{background:var(--kllc-orange-soft);color:var(--kllc-orange)}.student-shell .ev-row .ev-type.peer{background:#2ecc712e;color:#1e9e54}.student-shell .ev-row .ev-name{flex:1;font-family:Kanit,sans-serif;font-size:13px}.student-shell .ev-row .ev-score{font-family:Jost,sans-serif;font-weight:800;font-size:13px;color:var(--kllc-orange)}.student-shell .rubric{display:flex;flex-direction:column;gap:6px}.student-shell .rubric-row{display:flex;gap:8px;align-items:center;font-family:Kanit,sans-serif;font-size:12px}.student-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}.student-shell .rubric-row.on .level{background:var(--kllc-orange);color:#fff}.student-shell .rubric-row .desc{color:var(--kllc-muted)}.student-shell .rubric-row.on .desc{color:var(--fg-1);font-weight:500}.student-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){.student-shell .download-policy{grid-template-columns:1fr}}.student-shell .download-policy h2{margin:4px 0 0;font-family:Kanit,sans-serif;font-size:18px;color:var(--fg-1)}.student-shell .download-policy p{margin:6px 0 0;font-family:Kanit,sans-serif;font-size:13px;line-height:1.65;color:var(--kllc-muted)}.student-shell .download-rules{margin-top:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media(max-width:720px){.student-shell .download-rules{grid-template-columns:1fr}}.student-shell .download-rule{padding:12px;border:1px solid var(--kllc-border);border-radius:16px;background:var(--kllc-surface)}.student-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)}.student-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)}.student-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))}.student-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}.student-shell .download-wallet .line b{color:var(--fg-1);font-family:Jost,sans-serif;font-size:18px}.student-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}.tsc-body{min-height:100vh;min-width:320px;color:#19131f;background:radial-gradient(circle at 10% 0%,rgba(255,102,0,.1),transparent 29rem),radial-gradient(circle at 90% 0%,rgba(95,55,149,.12),transparent 32rem),#f6f4f8;font-family:var(--kllc-font-thai, "Kanit", system-ui, sans-serif)}.tsc-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(1440px,calc(100% - 32px));margin:16px auto 0;padding:10px 12px 10px 16px;border:1px solid rgba(95,55,149,.16);border-radius:18px;background:#ffffffe8;box-shadow:0 18px 50px -34px #24083f6b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tsc-brand{display:flex;align-items:center;gap:12px;min-width:0}.tsc-brand img{width:114px;height:auto}.tsc-brand-copy{padding-left:12px;border-left:1px solid #e5ddeb}.tsc-brand-copy strong{display:block;color:#321058;font-size:14px}.tsc-brand-copy span{display:block;margin-top:1px;color:#716979;font-size:11px}.tsc-top-actions{display:flex;align-items:center;gap:8px}.tsc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border:1px solid #e5ddeb;border-radius:12px;color:#321058;background:#fff;text-decoration:none;font:inherit;font-size:12px;font-weight:600;cursor:pointer}.tsc-btn.primary{border-color:#f60;color:#fff;background:#f60}.tsc-hero{width:min(1400px,calc(100% - 40px));margin:64px auto 34px;text-align:center}.tsc-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 13px;color:#f60;font-family:Jost,Kanit,system-ui,sans-serif;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.tsc-eyebrow:before{content:"";width:24px;height:2px;background:#f60}.tsc-hero h1{max-width:900px;margin:0 auto;color:#321058;font-size:clamp(34px,5.2vw,68px);font-weight:600;letter-spacing:-.045em;line-height:1.04;text-wrap:balance}.tsc-hero h1 span{color:#f60}.tsc-hero>p{max-width:740px;margin:18px auto 0;color:#716979;font-size:15px;line-height:1.75;text-wrap:pretty}.tsc-view-toggle{display:inline-flex;gap:4px;margin-top:26px;padding:4px;border:1px solid #e5ddeb;border-radius:14px;background:#fff}.tsc-view-toggle button{min-height:36px;padding:0 14px;border:0;border-radius:10px;color:#716979;background:transparent;font:inherit;font-size:12px;font-weight:500;cursor:pointer}.tsc-view-toggle button.active{color:#fff;background:#321058}.tsc-shell{width:min(1460px,calc(100% - 32px));margin:0 auto 64px}.tsc-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.tsc-comparison.single{grid-template-columns:minmax(0,880px);justify-content:center}.tsc-card{min-width:0;padding:12px;border:1px solid #e5ddeb;border-radius:24px;background:#ffffffe6;box-shadow:0 28px 65px -48px #24083f7a}.tsc-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:8px 8px 14px}.tsc-card-label{display:flex;align-items:flex-start;gap:11px}.tsc-letter{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:12px;color:#fff;background:#321058;font-family:Jost,Kanit,system-ui,sans-serif;font-size:14px;font-weight:800}.tsc-card.new .tsc-letter{background:#f60}.tsc-card.combined-c .tsc-letter{background:#0d8a7a}.tsc-card.combined-d .tsc-letter{background:#b45309}.tsc-card-label h2{margin:0;color:#321058;font-size:17px;font-weight:600}.tsc-card-label p{margin:3px 0 0;color:#716979;font-size:11px;line-height:1.45}.tsc-status{padding:5px 9px;border-radius:999px;color:#168b4b;background:#eaf8f0;font-family:Jost,Kanit,system-ui,sans-serif;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.tsc-frame{position:relative;overflow:hidden;aspect-ratio:210 / 297;border:1px solid #e5ddeb;border-radius:16px;background:#fff}.tsc-frame iframe{position:absolute;top:0;left:0;width:794px;height:1123px;border:0;pointer-events:none;transform-origin:top left}.tsc-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:12px}.tsc-actions .tsc-btn{width:100%}.tsc-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:12px}.tsc-note{min-height:78px;padding:11px;border-radius:13px;background:#f4eff8}.tsc-card.new .tsc-note{background:#fff4eb}.tsc-note strong{display:block;color:#321058;font-size:10px;font-weight:600}.tsc-note span{display:block;margin-top:4px;color:#716979;font-size:9px;line-height:1.45}.tsc-decision{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;width:min(1200px,calc(100% - 40px));margin:0 auto 70px;padding:28px;border-radius:26px;color:#fff;background:#321058}.tsc-decision h2{margin:0;color:#fff;font-size:26px;font-weight:600;line-height:1.25}.tsc-decision h2 span{color:#ff9854}.tsc-decision p{margin:12px 0 0;color:#ffffffb3;font-size:12px;line-height:1.7}.tsc-decision-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px}.tsc-decision-item{padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#ffffff0f}.tsc-decision-item strong{display:block;color:#fff;font-size:12px}.tsc-decision-item span{display:block;margin-top:4px;color:#ffffffa6;font-size:10px;line-height:1.55}@media(max-width:980px){.tsc-comparison{grid-template-columns:1fr;max-width:760px;margin:0 auto}.tsc-decision{grid-template-columns:1fr}.tsc-decision-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.tsc-topbar{align-items:stretch;flex-direction:column}.tsc-top-actions{display:grid;grid-template-columns:1fr 1fr}.tsc-hero{margin-top:42px}.tsc-card-head{align-items:stretch;flex-direction:column}.tsc-status{align-self:flex-start}.tsc-notes,.tsc-decision-grid,.tsc-actions{grid-template-columns:1fr}}@media(max-width:420px){.tsc-body{overflow-x:hidden}.tsc-topbar,.tsc-hero,.tsc-shell,.tsc-decision{width:min(100% - 20px,1200px)}.tsc-top-actions{grid-template-columns:1fr}.tsc-hero h1{font-size:30px}.tsc-view-toggle{display:grid;grid-template-columns:1fr}.tsc-card{padding:9px;border-radius:20px}.tsc-frame{border-radius:12px}.tsc-decision{padding:20px;border-radius:20px}}@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}.tspc-wrap{width:min(794px,calc(100% - 24px));margin:28px auto 64px}.tsp-body.embed .tspc-wrap{width:100%;margin:0}.tspc-doc{overflow:hidden;border-radius:4px;background:#fff;box-shadow:0 32px 80px -36px #24083f8c;color:#16121e;--tspc-purple: #5f3795;--tspc-purple-deep: #321058;--tspc-purple-ink: #24083f;--tspc-purple-soft: #f2ebf7;--tspc-orange: #ff6600;--tspc-orange-soft: #fff4eb;--tspc-muted: #70687d;--tspc-border: #e8e3ef;--tspc-surface: #f8f7fb;--tspc-success: #1e9e54;--tspc-success-soft: #eaf8f0;--tspc-warning: #c97a06;--tspc-warning-soft: #fff5df;--tspc-danger: #cc2929;--tspc-danger-soft: #feecec;--tspc-teal: #0d8a7a;--tspc-teal-soft: #e4f5f2;--tspc-font: "KMITL2020", "Kanit", system-ui, sans-serif;font-family:var(--tspc-font)}.tsp-body.embed .tspc-doc{box-shadow:none;border-radius:0}.tspc-doc .doc-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:13px 20px 10px;background:var(--tspc-purple-ink);border-bottom:3px solid var(--tspc-orange)}.tspc-doc .hd-logo{display:flex;align-items:center;gap:10px}.tspc-doc .hd-logo img{height:44px;width:auto}.tspc-doc .hd-logo-sep{width:1px;height:36px;background:#ffffff40}.tspc-doc .hd-logo-text{font-size:9.5px;color:#ffffff8c;line-height:1.55;letter-spacing:.04em;text-transform:uppercase}.tspc-doc .hd-title{text-align:center}.tspc-doc .hd-title h1{margin:0;font-size:22px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.3)}.tspc-doc .hd-title p{margin:3px 0 0;font-size:10.5px;color:#fff9;letter-spacing:.05em}.tspc-doc .hd-meta{text-align:right}.tspc-doc .hd-refno{display:block;font-size:10.5px;font-weight:700;color:#ffffffe6;letter-spacing:.04em}.tspc-doc .hd-date{display:block;font-size:9.5px;color:#ffffff80;margin-top:2px}.tspc-doc .verified-badge{display:inline-flex;align-items:center;gap:3px;margin-top:5px;padding:2px 7px;border-radius:99px;background:var(--tspc-success);color:#fff;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.tspc-doc .student-row{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:14px;padding:10px 16px;background:var(--tspc-purple-soft);border-bottom:1px solid var(--tspc-border)}.tspc-doc .student-avatar{width:54px;height:54px;flex:0 0 54px;border-radius:50%;border:2.5px solid var(--tspc-purple);background:var(--tspc-purple-deep);display:grid;place-items:center;color:#fff;font-size:20px;font-weight:700}.tspc-doc .student-info h2{margin:0 0 1px;font-size:14px;font-weight:700;color:var(--tspc-purple-ink)}.tspc-doc .student-info .en-name{margin:0 0 7px;font-size:11px;font-weight:600;color:var(--tspc-purple);letter-spacing:.04em}.tspc-doc .student-meta{display:grid;grid-template-columns:repeat(3,auto);gap:5px 18px}.tspc-doc .sm-item .sm-label{display:block;padding-right:5px;font-size:9px;color:var(--tspc-muted);text-transform:uppercase;letter-spacing:.08em}.tspc-doc .sm-item .sm-val{font-size:10.5px;font-weight:600;color:#16121e}.tspc-doc .qr-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.tspc-doc .qr-box{width:58px;height:58px;border:1px solid var(--tspc-border);border-radius:5px;background:#fff;padding:4px}.tspc-doc .qr-box canvas{width:48px!important;height:48px!important}.tspc-doc .qr-note{font-size:8.5px;color:var(--tspc-muted);text-align:center;line-height:1.35}.tspc-doc .stats-row{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--tspc-border)}.tspc-doc .stat{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 6px;border-right:1px solid var(--tspc-border);text-align:center}.tspc-doc .stat:last-child{border-right:0}.tspc-doc .stat-num{font-size:24px;font-weight:800;color:var(--tspc-orange);line-height:1}.tspc-doc .stat-lbl{font-size:9.5px;color:var(--tspc-muted);margin-top:2px}.tspc-doc .sec-bar{display:flex;align-items:center;gap:8px;padding:4px 16px;background:var(--tspc-purple-deep);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.tspc-doc .sec-bar:before{content:"";display:inline-block;width:3px;height:11px;flex:0 0 3px;border-radius:99px;background:var(--tspc-orange)}.tspc-doc .skill-analysis{display:grid;grid-template-columns:190px 1fr;border-bottom:1px solid var(--tspc-border)}.tspc-doc .radar-panel{border-right:1px solid var(--tspc-border);padding:10px 6px 6px;display:flex;flex-direction:column;align-items:center}.tspc-doc .radar-sub{font-size:9.5px;color:var(--tspc-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.tspc-doc .skill-table-panel{overflow:hidden}.tspc-doc .skill-table-panel table,.tspc-doc .skill-details-section table{width:100%;border-collapse:collapse;font-size:10px}.tspc-doc .skill-table-panel thead th,.tspc-doc .skill-details-section thead th{padding:4px 7px;background:var(--tspc-surface);border-bottom:1px solid var(--tspc-border);color:var(--tspc-muted);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:left}.tspc-doc .skill-table-panel tbody tr,.tspc-doc .skill-details-section tbody tr{border-bottom:1px solid var(--tspc-border)}.tspc-doc .skill-table-panel tbody tr:last-child,.tspc-doc .skill-details-section tbody tr:last-child{border-bottom:0}.tspc-doc .skill-table-panel tbody td,.tspc-doc .skill-details-section tbody td{padding:4px 7px;vertical-align:middle}.tspc-doc .cat-chip{display:inline-flex;padding:2px 6px;border-radius:99px;font-size:8.5px;font-weight:600;white-space:nowrap}.tspc-doc .c-digital{background:#e8f0ff;color:#2855c4}.tspc-doc .c-soft{background:#fff0e6;color:#c05500}.tspc-doc .c-pro{background:var(--tspc-purple-soft);color:var(--tspc-purple-deep)}.tspc-doc .c-research{background:var(--tspc-teal-soft);color:var(--tspc-teal)}.tspc-doc .c-innov{background:#ecf3ff;color:#1a66cc}.tspc-doc .lv-row{display:flex;align-items:center;gap:5px}.tspc-doc .lv-bar{flex:1;height:4px;background:var(--tspc-border);border-radius:99px;overflow:hidden}.tspc-doc .lv-fill{height:100%;border-radius:99px;background:var(--tspc-purple)}.tspc-doc .lv-num{font-size:10px;font-weight:700;color:var(--tspc-purple-deep);white-space:nowrap}.tspc-doc .trend-arrow{font-size:11px}.tspc-doc .trend-up{color:var(--tspc-success)}.tspc-doc .trend-same{color:var(--tspc-warning)}.tspc-doc .skill-details-section{border-bottom:1px solid var(--tspc-border)}.tspc-doc .sn-main{font-size:10px;font-weight:600}.tspc-doc .sn-sub{font-size:8.5px;color:var(--tspc-muted)}.tspc-doc .prog-row{display:flex;align-items:center;gap:6px}.tspc-doc .prog-bar{flex:1;height:6px;background:var(--tspc-border);border-radius:99px;overflow:hidden}.tspc-doc .prog-fill{height:100%;border-radius:99px}.tspc-doc .pf-purple{background:var(--tspc-purple)}.tspc-doc .pf-teal{background:var(--tspc-teal)}.tspc-doc .pf-orange{background:var(--tspc-orange)}.tspc-doc .prog-lbl{font-size:10px;font-weight:700;color:#16121e;white-space:nowrap;min-width:30px}.tspc-doc .ev-text{font-size:9px;color:var(--tspc-muted);line-height:1.4}.tspc-doc .st-badge{display:inline-flex;padding:2px 7px;border-radius:99px;font-size:9px;font-weight:600;white-space:nowrap}.tspc-doc .st-pass{background:var(--tspc-success-soft);color:var(--tspc-success)}.tspc-doc .st-prog{background:var(--tspc-orange-soft);color:var(--tspc-orange)}.tspc-doc .st-fail{background:var(--tspc-danger-soft);color:var(--tspc-danger)}.tspc-doc .bottom-section{display:grid;grid-template-columns:1.05fr 1fr .95fr;border-bottom:1px solid var(--tspc-border)}.tspc-doc .bot-col{padding:8px 11px;border-right:1px solid var(--tspc-border)}.tspc-doc .bot-col:last-child{border-right:0}.tspc-doc .bot-col-hd{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tspc-purple-deep);padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid var(--tspc-border)}.tspc-doc .course-row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:3px 0;border-bottom:1px solid var(--tspc-border)}.tspc-doc .course-row:last-child{border-bottom:0}.tspc-doc .course-name{font-size:9px;color:#16121e;flex:1;line-height:1.35}.tspc-doc .grade-box{flex:0 0 auto;width:20px;height:20px;display:grid;place-items:center;border-radius:5px;font-size:10.5px;font-weight:800}.tspc-doc .ga{background:var(--tspc-success-soft);color:var(--tspc-success)}.tspc-doc .gb{background:var(--tspc-teal-soft);color:var(--tspc-teal)}.tspc-doc .cred-row{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid var(--tspc-border)}.tspc-doc .cred-row:last-child{border-bottom:0}.tspc-doc .cred-icon{width:24px;height:24px;flex:0 0 24px;border-radius:5px;display:grid;place-items:center;font-size:10px;background:var(--tspc-purple-soft);color:var(--tspc-purple-deep)}.tspc-doc .cred-name{font-size:10px;font-weight:600;line-height:1.3}.tspc-doc .cred-sub{font-size:8.5px;color:var(--tspc-muted)}.tspc-doc .career-box{border:1px solid var(--tspc-border);border-radius:8px;padding:8px;text-align:center;margin-bottom:8px}.tspc-doc .career-role{font-size:11px;font-weight:700;color:var(--tspc-purple-deep);margin-bottom:4px}.tspc-doc .career-score-wrap{display:flex;align-items:flex-start;justify-content:center;gap:1px}.tspc-doc .score-big{font-size:30px;font-weight:800;color:var(--tspc-orange);line-height:1}.tspc-doc .score-pct{font-size:13px;font-weight:700;color:var(--tspc-orange);margin-top:6px}.tspc-doc .career-label{font-size:9px;color:var(--tspc-muted);margin-bottom:6px}.tspc-doc .skill-tags{display:flex;flex-wrap:wrap;gap:3px;justify-content:center}.tspc-doc .skill-tag{padding:1.5px 6px;border-radius:99px;background:var(--tspc-purple-soft);color:var(--tspc-purple-deep);font-size:8px;font-weight:500}.tspc-doc .gap-skills-mini{margin-top:7px}.tspc-doc .gap-row{display:flex;align-items:center;gap:5px;padding:3px 0;border-bottom:1px solid var(--tspc-border);font-size:9px}.tspc-doc .gap-row:last-child{border-bottom:0}.tspc-doc .gap-name{flex:1}.tspc-doc .gap-badge{padding:1px 5px;border-radius:99px;font-size:8px;font-weight:600}.tspc-doc .gb-need{background:var(--tspc-danger-soft);color:var(--tspc-danger)}.tspc-doc .gb-close{background:var(--tspc-warning-soft);color:var(--tspc-warning)}.tspc-doc .verification{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:20px;padding:8px 18px;background:var(--tspc-surface)}.tspc-doc .sig-block{text-align:center}.tspc-doc .sig-line{width:90px;margin:0 auto 3px;border-bottom:1px solid #16121e}.tspc-doc .sig-name{font-size:9.5px;font-weight:600}.tspc-doc .sig-title{font-size:8.5px;color:var(--tspc-muted)}.tspc-doc .seal-wrap{display:flex;flex-direction:column;align-items:center;gap:3px}.tspc-doc .doc-seal{display:grid;place-items:center;width:56px;height:56px;border:2px solid var(--tspc-purple);border-radius:50%;outline:1px dashed var(--tspc-purple);outline-offset:2px;color:var(--tspc-purple-deep);background:var(--tspc-purple-soft);font-size:7.5px;font-weight:700;line-height:1.4;text-align:center}.tspc-doc .seal-note{font-size:8.5px;color:var(--tspc-muted)}.tspc-doc .doc-footer{padding:5px 18px;background:var(--tspc-purple-ink);color:#fff6;font-size:8px;text-align:center;letter-spacing:.04em}@media print{.tspc-wrap{width:210mm;margin:0}.tspc-doc{border-radius:0;box-shadow:none}.tspc-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-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}}.tsp-doc{position:relative;width:210mm;min-height:297mm;margin:0 auto;overflow:hidden;color:#16121e;background:#fff;box-shadow:0 30px 80px -36px #24083f7a;--tsp-purple: #5f3795;--tsp-purple-deep: #321058;--tsp-purple-soft: #f2ebf7;--tsp-orange: #ff6600;--tsp-orange-soft: #fff4eb;--tsp-ink: #16121e;--tsp-muted: #70687d;--tsp-border: #e8e3ef;--tsp-surface: #f8f7fb;--tsp-success: #1e9e54;--tsp-success-soft: #eaf8f0;--tsp-warning-soft: #fff5df;--tsp-font-display: "Jost", "Kanit", system-ui, sans-serif;font-family:var(--kllc-font-thai, "Kanit", system-ui, sans-serif)}.tsp-body.embed .tsp-doc{width:100%;min-height:0;margin:0;box-shadow:none}.tsp-doc:before{content:"";position:absolute;inset:0 0 auto;height:4mm;background:linear-gradient(90deg,var(--tsp-purple-deep),var(--tsp-purple) 65%,var(--tsp-orange))}.tsp-doc:after{content:"";position:absolute;top:-34mm;right:-37mm;width:96mm;height:96mm;border:1px solid rgba(95,55,149,.08);border-radius:50%;box-shadow:0 0 0 7mm #5f379507,0 0 0 15mm #ff660005;pointer-events:none}.tsp-doc .document{position:relative;z-index:1;padding:10mm 12mm 8mm}.tsp-doc .doc-header{display:grid;grid-template-columns:1fr auto;gap:6mm;align-items:center;padding-bottom:3mm;border-bottom:.35mm solid var(--tsp-border)}.tsp-doc .doc-brand{display:flex;align-items:center;gap:3mm}.tsp-doc .doc-brand img{width:27mm;height:15mm;object-fit:contain}.tsp-doc .doc-title{padding-left:3mm;border-left:.6mm solid var(--tsp-orange)}.tsp-doc .doc-title .eyebrow{margin:0 0 .7mm;color:var(--tsp-orange);font-family:var(--tsp-font-display);font-size:5.8pt;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.tsp-doc .doc-title h1{margin:0;color:var(--tsp-purple-deep);font-family:var(--tsp-font-display);font-size:15pt;font-weight:800;letter-spacing:-.03em;line-height:1}.tsp-doc .doc-title p{margin:1mm 0 0;color:var(--tsp-muted);font-size:6.1pt;line-height:1.3}.tsp-doc .verified-mark{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2.2mm;min-width:45mm;padding:2mm 2.6mm;border:.35mm solid var(--tsp-purple);border-radius:1.6mm;background:#fff;box-shadow:inset 0 0 0 .55mm #fff,inset 0 0 0 .8mm #5f37952e}.tsp-doc .verified-mark:after{content:"OFFICIAL RECORD";position:absolute;right:2.4mm;bottom:1.4mm;color:#5f37958a;font-family:var(--tsp-font-display);font-size:3.8pt;font-weight:800;letter-spacing:.14em}.tsp-doc .verified-icon{display:grid;place-items:center;width:9mm;height:9mm;border-radius:50%;color:#fff;border:.6mm double rgba(255,255,255,.84);background:var(--tsp-purple-deep);font-family:var(--tsp-font-display);font-size:8pt;font-weight:800}.tsp-doc .verified-mark b{display:block;color:var(--tsp-purple-deep);font-family:var(--tsp-font-display);font-size:6.6pt;letter-spacing:.07em;text-transform:uppercase}.tsp-doc .verified-mark span{display:block;margin-top:.35mm;padding-bottom:2.2mm;color:var(--tsp-muted);font-family:var(--tsp-font-display);font-size:5.1pt}.tsp-doc .identity-row{display:grid;grid-template-columns:1.55fr 1fr 37mm;gap:3mm;margin-top:4mm}.tsp-doc .identity-card,.tsp-doc .document-card,.tsp-doc .qr-card{min-height:27mm;padding:3.2mm;border:.28mm solid var(--tsp-border);border-radius:3.2mm;background:#fff}.tsp-doc .identity-card{display:grid;grid-template-columns:13mm 1fr;gap:3mm;align-items:center;background:linear-gradient(135deg,#fff,#fcfaff)}.tsp-doc .avatar{display:grid;place-items:center;width:13mm;height:13mm;border-radius:3.5mm;color:#fff;background:linear-gradient(145deg,var(--tsp-purple),var(--tsp-purple-deep));font-family:var(--tsp-font-display);font-size:11pt;font-weight:800}.tsp-doc .identity-card h2{margin:0;color:var(--tsp-purple-deep);font-size:12pt;font-weight:600;line-height:1.18}.tsp-doc .identity-card p{margin:1mm 0 0;color:var(--tsp-muted);font-family:var(--tsp-font-display);font-size:6.3pt;line-height:1.35}.tsp-doc .label{display:block;margin-bottom:1.4mm;color:var(--tsp-muted);font-family:var(--tsp-font-display);font-size:5.7pt;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.tsp-doc .meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:2mm 3mm}.tsp-doc .meta-item b{display:block;color:var(--tsp-purple-deep);font-family:var(--tsp-font-display);font-size:6.8pt;line-height:1.2}.tsp-doc .meta-item span{display:block;margin-top:.5mm;color:var(--tsp-muted);font-size:5.6pt;line-height:1.2}.tsp-doc .qr-card{display:grid;grid-template-columns:15mm 1fr;gap:2mm;align-items:center;padding:2.2mm;background:var(--tsp-surface)}.tsp-doc .qr-card canvas,.tsp-doc .qr-card img{width:15mm!important;height:15mm!important;border:.3mm solid #fff;border-radius:1.4mm;background:#fff;object-fit:cover}.tsp-doc .qr-card b{display:block;color:var(--tsp-purple-deep);font-family:var(--tsp-font-display);font-size:6.3pt;line-height:1.15}.tsp-doc .qr-card span{display:block;margin-top:1mm;color:var(--tsp-muted);font-family:var(--tsp-font-display);font-size:5.2pt;line-height:1.25;word-break:break-all}.tsp-doc .section-title{display:flex;align-items:center;gap:2mm;margin:0 0 2.4mm;color:var(--tsp-purple-deep);font-family:var(--tsp-font-display);font-size:8.4pt;font-weight:800;letter-spacing:-.01em}.tsp-doc .section-title:before{content:"";width:4mm;height:1mm;border-radius:99px;background:var(--tsp-orange)}.tsp-doc .overview-section{margin-top:4mm}.tsp-doc .overview-grid{display:grid;grid-template-columns:56mm 1fr;gap:3mm}.tsp-doc .radar-card,.tsp-doc .metrics-card{min-height:49mm;border:.28mm solid var(--tsp-border);border-radius:3.2mm;background:#fff}.tsp-doc .radar-card{display:grid;grid-template-columns:1fr;place-items:center;padding:2mm 2mm 1mm;background:radial-gradient(circle at 50% 48%,rgba(255,102,0,.06),transparent 55%),#fff}.tsp-doc .radar-card .radar-fit{width:50mm;height:46mm}.tsp-doc .metrics-card{display:grid;grid-template-columns:repeat(4,1fr);gap:2mm;padding:2.6mm;background:var(--tsp-surface)}.tsp-doc .metric{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:2.5mm;overflow:hidden;border:.26mm solid var(--tsp-border);border-radius:2.5mm;background:#fff}.tsp-doc .metric:after{content:"";position:absolute;right:-7mm;bottom:-9mm;width:18mm;height:18mm;border:2.5mm solid var(--tsp-purple-soft);border-radius:50%}.tsp-doc .metric .value{position:relative;z-index:1;color:var(--tsp-purple-deep);font-family:var(--tsp-font-display);font-size:15pt;font-weight:800;line-height:1}.tsp-doc .metric.accent .value{color:var(--tsp-orange)}.tsp-doc .metric.success .value{color:var(--tsp-success)}.tsp-doc .metric .name{position:relative;z-index:1;color:var(--tsp-muted);font-size:5.6pt;line-height:1.35}.tsp-doc .metric .name strong{display:block;color:var(--tsp-ink);font-size:6.2pt;font-weight:500}.tsp-doc .skills-section{margin-top:4mm}.tsp-doc .skill-table{overflow:hidden;border:.28mm solid var(--tsp-border);border-radius:3.2mm;background:#fff}.tsp-doc .skill-head,.tsp-doc .skill-row{display:grid;grid-template-columns:1.55fr .95fr .72fr .9fr;gap:2.4mm;align-items:center}.tsp-doc .skill-head{padding:2mm 3mm;color:var(--tsp-muted);background:var(--tsp-surface);font-family:var(--tsp-font-display);font-size:5.1pt;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.tsp-doc .skill-row{min-height:9mm;padding:1.6mm 3mm;border-top:.25mm solid var(--tsp-border)}.tsp-doc .skill-name b{display:block;color:var(--tsp-ink);font-family:var(--tsp-font-display);font-size:6.6pt;line-height:1.15}.tsp-doc .skill-name span{display:block;margin-top:.6mm;color:var(--tsp-muted);font-size:5.3pt;line-height:1.2}.tsp-doc .level{display:grid;grid-template-columns:8mm 1fr;gap:1.5mm;align-items:center}.tsp-doc .level b{color:var(--tsp-purple-deep);font-family:var(--tsp-font-display);font-size:7.2pt}.tsp-doc .bar{height:1.4mm;overflow:hidden;border-radius:99px;background:#eeeaf3}.tsp-doc .bar span{display:block;width:var(--level);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--tsp-purple),var(--tsp-orange))}.tsp-doc .evidence{color:var(--tsp-purple);font-family:var(--tsp-font-display);font-size:5.7pt;font-weight:700}.tsp-doc .status{display:inline-flex;align-items:center;width:fit-content;min-height:5.5mm;padding:0 2mm;border-radius:99px;font-size:5.5pt;font-weight:500;white-space:nowrap}.tsp-doc .status.good{color:#176f3c;background:var(--tsp-success-soft)}.tsp-doc .status.gap{color:#9a5d08;background:var(--tsp-warning-soft)}.tsp-doc .record-section{margin-top:4mm}.tsp-doc .record-grid{display:grid;grid-template-columns:1.15fr .82fr 1fr;gap:3mm}.tsp-doc .record-card{min-height:58mm;padding:3mm;border:.28mm solid var(--tsp-border);border-radius:3.2mm;background:#fff}.tsp-doc .record-card.dark{color:#fff;border-color:var(--tsp-purple-deep);background:radial-gradient(circle at 90% 10%,rgba(255,102,0,.38),transparent 33%),linear-gradient(145deg,var(--tsp-purple),var(--tsp-purple-deep))}.tsp-doc .record-card h3{margin:0 0 2.3mm;color:var(--tsp-purple-deep);font-size:7.2pt;font-weight:600;line-height:1.2}.tsp-doc .record-card.dark h3{color:#fff}.tsp-doc .course-list,.tsp-doc .credential-list{display:grid;gap:1.6mm}.tsp-doc .course,.tsp-doc .credential{display:grid;grid-template-columns:1fr auto;gap:2mm;align-items:start;padding-bottom:1.6mm;border-bottom:.22mm solid var(--tsp-border)}.tsp-doc .course:last-child,.tsp-doc .credential:last-child{padding-bottom:0;border-bottom:0}.tsp-doc .course b,.tsp-doc .credential b{display:block;color:var(--tsp-ink);font-family:var(--tsp-font-display);font-size:5.9pt;line-height:1.2}.tsp-doc .course span,.tsp-doc .credential span{display:block;margin-top:.6mm;color:var(--tsp-muted);font-size:5.1pt;line-height:1.25}.tsp-doc .grade{min-width:8mm;padding:1mm 1.5mm;border-radius:1.5mm;color:var(--tsp-success);background:var(--tsp-success-soft);font-family:var(--tsp-font-display);font-size:5.8pt;font-weight:800;text-align:center}.tsp-doc .credential .credential-icon{display:flex;align-items:center;justify-content:center;width:7mm;height:7mm;padding:0;border-radius:2mm;color:var(--tsp-purple);background:var(--tsp-purple-soft);font-family:var(--tsp-font-display);font-size:5.5pt;font-weight:800;line-height:1;text-align:center}.tsp-doc .career-top{display:flex;align-items:flex-start;justify-content:space-between;gap:3mm}.tsp-doc .career-top .role{max-width:34mm;font-family:var(--tsp-font-display);font-size:12pt;font-weight:800;line-height:1.05}.tsp-doc .readiness{display:grid;place-items:center;width:15mm;height:15mm;flex:0 0 auto;border:.8mm solid rgba(255,255,255,.7);border-radius:50%;font-family:var(--tsp-font-display);font-size:8pt;font-weight:800}.tsp-doc .career-copy{margin:2.5mm 0;color:#ffffffd6;font-size:5.4pt;line-height:1.45}.tsp-doc .career-group{margin-top:2mm;padding-top:2mm;border-top:.24mm solid rgba(255,255,255,.2)}.tsp-doc .career-group b{display:block;margin-bottom:1mm;color:#fff;font-family:var(--tsp-font-display);font-size:5.6pt;letter-spacing:.08em;text-transform:uppercase}.tsp-doc .career-group span{display:inline-block;margin:.5mm .5mm 0 0;padding:.8mm 1.4mm;border-radius:99px;color:#fff;background:#ffffff21;font-size:5pt}.tsp-doc .career-group.gap span{color:#fff6ed;background:#ff660057}.tsp-doc .verification{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:0;padding:40px 25px 0}.tsp-doc .sig-block{text-align:center}.tsp-doc .sig-line{width:90px;margin:0 auto 3px;border-bottom:1px solid var(--tsp-ink)}.tsp-doc .sig-name{font-size:9.5px;font-weight:600}.tsp-doc .sig-title{font-size:8.5px;color:var(--tsp-muted)}.tsp-doc .seal-wrap{display:flex;flex-direction:column;align-items:center;gap:3px}.tsp-doc .doc-seal{display:grid;place-items:center;width:56px;height:56px;border:2px solid var(--tsp-purple);border-radius:50%;outline:1px dashed var(--tsp-purple);outline-offset:2px;color:var(--tsp-purple-deep);background:var(--tsp-purple-soft);font-family:var(--tsp-font-display);font-size:7.5px;font-weight:700;line-height:1.4;text-align:center}.tsp-doc .seal-note{font-size:8.5px;color:var(--tsp-muted)}.tsp-doc .doc-footer{display:grid;grid-template-columns:1fr auto;gap:4mm;align-items:end;margin-top:4mm;padding-top:2.5mm;border-top:.28mm solid var(--tsp-border)}.tsp-doc .doc-footer p{margin:0;color:var(--tsp-muted);font-size:5.2pt;line-height:1.45}.tsp-doc .doc-footer b{color:var(--tsp-purple-deep);font-family:var(--tsp-font-display)}@media print{.tsp-doc{width:210mm;min-height:297mm;margin:0;box-shadow:none}.tsp-doc *{print-color-adjust:exact;-webkit-print-color-adjust:exact}}.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,.student-shell aside,.student-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}}.student-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}.student-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%)}.student-shell .v2-career .goal-card>*{position:relative;z-index:1}@media(max-width:900px){.student-shell .v2-career .goal-card{grid-template-columns:1fr}}.student-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}.student-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}.student-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}.student-shell .v2-career .goal-stats{margin-top:20px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}@media(max-width:600px){.student-shell .v2-career .goal-stats{grid-template-columns:1fr 1fr}}.student-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)}.student-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)}.student-shell .v2-career .goal-stats .v{font-family:Jost,sans-serif;font-weight:800;font-size:22px;line-height:1;margin-top:6px}.student-shell .v2-career .goal-stats .v .unit{font-weight:500;font-size:11px;color:var(--fg-on-dark-muted);margin-left:4px}.student-shell .v2-career .goal-actions{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}.student-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}.student-shell .v2-career .match-ring-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.student-shell .v2-career .match-ring{position:relative;width:200px;height:200px}.student-shell .v2-career .match-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.student-shell .v2-career .match-ring .center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center}.student-shell .v2-career .match-ring .pct{font-family:Jost,sans-serif;font-weight:800;font-size:48px;line-height:1;color:#fff}.student-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}.student-shell .v2-career .formula-row{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;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)}.student-shell .v2-career .gap-card{margin-top:22px;padding:26px}.student-shell .v2-career .gap-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.student-shell .v2-career .gap-head h2{font-family:Kanit,sans-serif;font-weight:600;font-size:20px;margin:6px 0 0}.student-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)}.student-shell .v2-career .gap-head .formula-pill code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#ffffffb3;padding:1px 6px;border-radius:6px;margin:0 2px}.student-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)}.student-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){.student-shell .v2-career .gap-analysis-grid{grid-template-columns:1fr}}.student-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}.student-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)}.student-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)}.student-shell .v2-career .surplus-panel p{font-family:Kanit,sans-serif;font-size:12px;line-height:1.6;margin:0;color:var(--kllc-muted)}.student-shell .v2-career .surplus-list{display:flex;flex-direction:column;gap:10px;margin-top:2px}.student-shell .v2-career .surplus-item{background:#ffffffb8;border:1px solid rgba(46,204,113,.18);border-radius:14px;padding:12px}.student-shell .v2-career .surplus-item .top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.student-shell .v2-career .surplus-item .name{font-family:Kanit,sans-serif;font-size:13px;font-weight:500;color:var(--fg-1)}.student-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}.student-shell .v2-career .surplus-track{position:relative;height:8px;overflow:hidden;border-radius:99px;background:#2ecc7129}.student-shell .v2-career .surplus-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--kllc-success),var(--kllc-purple))}.student-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}.student-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){.student-shell .v2-career .gap-matrix-head{display:none}}.student-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)}.student-shell .v2-career .gap-matrix-row:last-child{border-bottom:0}@media(max-width:720px){.student-shell .v2-career .gap-matrix-row{grid-template-columns:1fr;gap:6px;padding:14px 18px}}.student-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}.student-shell .v2-career .gap-matrix-row.deficit+.gap-matrix-row.deficit{margin-top:10px}.student-shell .v2-career .gap-matrix-row .skill{font-family:Kanit,sans-serif;font-weight:500;font-size:14px;color:var(--fg-1)}.student-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}.student-shell .v2-career .gap-matrix-row .cell{font-family:Jost,sans-serif;font-weight:700;font-size:13px;color:var(--fg-1)}.student-shell .v2-career .gap-matrix-row .cell.dim{color:var(--kllc-muted)}.student-shell .v2-career .gap-matrix-row .gap-cell{display:flex;align-items:center;gap:8px}.student-shell .v2-career .gap-matrix-row .gap-bar{flex:1;height:8px;background:#f0edf5;border-radius:99px;overflow:hidden;position:relative}.student-shell .v2-career .gap-matrix-row .gap-bar .cur{height:100%;background:#5f379566;border-radius:99px}.student-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}.student-shell .v2-career .gap-matrix-row.deficit .gap-bar{background:#ff660029;box-shadow:inset 0 0 0 1px #ff66002e}.student-shell .v2-career .gap-matrix-row.deficit .gap-bar .cur{background:linear-gradient(90deg,var(--kllc-purple),var(--kllc-orange))}.student-shell .v2-career .gap-matrix-row.deficit .skill{color:#38145d}.student-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}.student-shell .v2-career .gap-matrix-row.surplus .gap-val{color:var(--kllc-success-deep)}.student-shell .v2-career .gap-matrix-row.met .gap-bar .cur{background:#2ecc7180}.student-shell .v2-career .status-cell{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.student-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}.student-shell .v2-career .status-pill.deficit{color:#b54700;background:#ff660024;border-color:#ff66005c}.student-shell .v2-career .status-pill.surplus,.student-shell .v2-career .status-pill.met{color:var(--kllc-success-deep);background:#2ecc7121;border-color:#2ecc7142}.student-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}.student-shell .v2-career .course-pick:hover{transform:translateY(-1px);box-shadow:0 8px 18px #ff660038}.student-shell .v2-career .course-pick.selected{background:var(--kllc-success-deep);border-color:#2ecc7157}.student-shell .v2-career .course-pick:focus-visible,.student-shell .v2-career .quest-action:focus-visible{outline:3px solid rgba(255,102,0,.24);outline-offset:2px}.student-shell .v2-career .quest-card{margin-top:22px;padding:26px}.student-shell .v2-career .quest-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.student-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}.student-shell .v2-career .quest-item:hover{background:#fff;border-color:var(--kllc-orange)}.student-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){.student-shell .v2-career .quest-item{grid-template-columns:44px 1fr auto;gap:8px}.student-shell .v2-career .quest-item .gap-target{display:none}}.student-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)}.student-shell .v2-career .quest-info .name{font-family:Kanit,sans-serif;font-weight:500;font-size:15px;color:var(--fg-1)}.student-shell .v2-career .quest-info .meta{font-family:Kanit,sans-serif;font-weight:300;font-size:12px;color:var(--kllc-muted);margin-top:2px}.student-shell .v2-career .quest-info .meta b{color:var(--kllc-success-deep);font-family:Jost,sans-serif;font-weight:800}.student-shell .v2-career .gap-target{font-family:Jost,sans-serif;font-weight:800;font-size:12px;color:var(--kllc-orange);text-align:right}.student-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}.student-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}.student-shell .v2-career .quest-action.done{background:#2ecc712e;color:#1e9e54}.student-shell .v2-career .quest-action.selected{background:var(--kllc-success-deep);color:#fff}.student-shell .v2-career .projection{margin-top:22px;padding:26px}.student-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}.student-shell .v2-career .projection-bar .marker{position:absolute;top:-8px;bottom:-8px;width:3px;background:var(--fg-1);border-radius:99px}.student-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}.student-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}.student-shell .v2-career .projection-bar .seg-label b{font-family:Jost,sans-serif;font-weight:800;font-size:12px}.student-shell .v2-career .projection-legend{margin-top:14px;display:flex;gap:18px;flex-wrap:wrap;font-family:Kanit,sans-serif;font-size:12px}.student-shell .v2-career .projection-legend>span{display:inline-flex;align-items:center;gap:6px;color:var(--kllc-muted)}.student-shell .v2-career .projection-legend .swatch{width:10px;height:10px;border-radius:99px}.student-shell .v2-career .alt-card{margin-top:22px;padding:24px}.student-shell .v2-career .alt-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.student-shell .v2-career .alt-grid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}@media(max-width:980px){.student-shell .v2-career .alt-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.student-shell .v2-career .alt-grid{grid-template-columns:1fr}}.student-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}.student-shell .v2-career .alt-item:hover{background:#fff;border-color:var(--kllc-orange);transform:translateY(-2px)}.student-shell .v2-career .alt-item .top{display:flex;justify-content:space-between;align-items:baseline}.student-shell .v2-career .alt-item .role{font-family:Jost,sans-serif;font-weight:800;font-size:15px}.student-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}.student-shell .v2-career .alt-item .match{font-family:Jost,sans-serif;font-weight:800;font-size:22px;color:var(--kllc-purple)}.student-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}.student-shell .v2-career .alt-item .alt-bar{height:6px;background:var(--kllc-border);border-radius:99px;overflow:hidden}.student-shell .v2-career .alt-item .alt-bar>div{height:100%;background:linear-gradient(90deg,var(--kllc-purple),var(--kllc-pink));border-radius:99px}.student-shell .v2-career .alt-item .alt-foot{display:flex;justify-content:space-between;align-items:center}.student-shell .v2-career .alt-item .alt-gap{font-family:Kanit,sans-serif;font-weight:300;font-size:12px;color:var(--kllc-muted)}.student-shell .v2-career .alt-item .alt-gap b{color:var(--kllc-orange);font-family:Jost,sans-serif;font-weight:800}.student-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}.student-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: ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, monospace}.student-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){.student-shell .wallet-head{grid-template-columns:1fr}}.student-shell .wallet-head h2{font-family:Kanit,sans-serif;font-weight:600;font-size:22px;margin:6px 0 0}.student-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}.student-shell .wallet-stats{display:flex;gap:16px}.student-shell .wallet-stat{text-align:right}.student-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)}.student-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}.student-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)}.student-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}.student-shell .cred-filter.on{background:var(--kllc-purple);color:#fff;box-shadow:0 10px 20px -8px #5f379566}.student-shell .cred-filter .count{font-family:Jost,sans-serif;font-weight:800;font-size:10px;opacity:.7}.student-shell .cred-grid{margin-top:22px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}@media(max-width:980px){.student-shell .cred-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.student-shell .cred-grid{grid-template-columns:1fr}}.student-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}.student-shell .cred-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}.student-shell .cred-banner{position:relative;height:140px;color:#fff;padding:18px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.student-shell .cred-banner.b1{background:linear-gradient(135deg,#5f3795,#ee3468)}.student-shell .cred-banner.b2{background:linear-gradient(135deg,#f60,#ee3468)}.student-shell .cred-banner.b3{background:linear-gradient(135deg,#1e9e54,#0ea5e9)}.student-shell .cred-banner.b4{background:linear-gradient(135deg,#321058,#5f3795 60%,#f60 130%)}.student-shell .cred-banner.b5{background:linear-gradient(135deg,#c97a06,#f60)}.student-shell .cred-banner.b6{background:linear-gradient(135deg,#6b3bb1,#4c7bd9)}.student-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%)}.student-shell .cred-banner>*{position:relative;z-index:1}.student-shell .cred-top-row{display:flex;justify-content:space-between;align-items:flex-start}.student-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)}.student-shell .cred-badge svg{width:26px;height:26px}.student-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}.student-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)}.student-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)}.student-shell .cred-body{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1}.student-shell .cred-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-family:Kanit,sans-serif;font-size:11px}.student-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)}.student-shell .cred-meta-grid .v{color:var(--fg-1);font-weight:500;margin-top:2px}.student-shell .cred-meta-grid .v.mono{font-family:var(--font-mono);font-weight:500;font-size:11px}.student-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}.student-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)}.student-shell .cred-foot .qr span{background:var(--fg-1)}.student-shell .cred-foot .qr span.off{background:transparent}.student-shell .cred-actions{display:flex;gap:6px}.student-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}.student-shell .cred-actions .iact:hover{background:var(--kllc-orange-soft);color:var(--kllc-orange)}.student-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}.student-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%)}.student-shell .share-panel>*{position:relative;z-index:1}@media(max-width:820px){.student-shell .share-panel{grid-template-columns:1fr}}.student-shell .share-panel h3{font-family:Kanit,sans-serif;font-weight:600;font-size:22px;margin:0;line-height:1.3}.student-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}.student-shell .share-channels{display:grid;gap:10px;grid-template-columns:1fr 1fr}.student-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}.student-shell .share-channels button:hover{background:#fff3}.student-shell .share-channels .icon-wrap{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:#ffffff29}.student-shell .share-channels .icon-wrap.linkedin{background:#0a66c2}.student-shell .share-channels .icon-wrap.pdf{background:var(--kllc-orange)}.student-shell .share-channels .icon-wrap.qr{background:var(--kllc-purple)}.student-shell .share-channels .icon-wrap.link{background:#1e9e54}.student-shell .share-channels .label{font-weight:500;font-size:13px}.student-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:ui-monospace,SF Mono,Cascadia Code,monospace}.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: ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, monospace}.student-shell .v2-cart *{box-sizing:border-box}html,.student-shell .v2-cart{margin:0;padding:0}.student-shell .v2-cart{min-height:100vh;padding-top:76px;color:var(--fg-1);font-family:Kanit,Jost,system-ui,sans-serif;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}.student-shell .v2-cart a{color:inherit;text-decoration:none}.student-shell .v2-cart button,.student-shell .v2-cart input,.student-shell .v2-cart select{font:inherit}.student-shell .v2-cart button{cursor:pointer}.student-shell .v2-cart .th{font-family:Kanit,sans-serif}.student-shell .v2-cart .num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.student-shell .v2-cart .container{max-width:1280px;margin:0 auto;padding:0 32px 64px}@media(max-width:720px){.student-shell .v2-cart .container{padding:0 18px 48px}.student-shell .v2-cart{padding-top:0}}.student-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)}.student-shell .v2-cart .app-bar-inner{max-width:1280px;height:100%;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:20px}.student-shell .v2-cart .brand img{height:52px;filter:drop-shadow(0 2px 8px rgba(36,8,63,.15))}.student-shell .v2-cart .crumbs{display:flex;align-items:center;gap:6px;color:var(--kllc-muted);font-family:Kanit,sans-serif;font-size:13px}.student-shell .v2-cart .crumbs b{color:var(--kllc-purple);font-weight:600}.student-shell .v2-cart .spacer{flex:1}.student-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)}.student-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}.student-shell .v2-cart .user-chip .meta{display:grid;line-height:1.15}.student-shell .v2-cart .user-chip b{font-family:Kanit,sans-serif;font-size:12px;font-weight:500}.student-shell .v2-cart .user-chip span span{color:var(--kllc-muted);font-family:var(--font-mono);font-size:10px}@media(max-width:720px){.student-shell .v2-cart .app-bar{position:static;height:auto}.student-shell .v2-cart .app-bar-inner{padding:14px 18px;flex-wrap:wrap}.student-shell .v2-cart .crumbs,.student-shell .v2-cart .user-chip .meta{display:none}.student-shell .v2-cart .brand img{height:42px}}.student-shell .v2-cart .page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:26px 0 14px}.student-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)}.student-shell .v2-cart h1,.student-shell .v2-cart h2,.student-shell .v2-cart h3{margin:0;text-wrap:pretty}.student-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}.student-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}.student-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}.student-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}.student-shell .v2-cart .page-tab.on{background:var(--kllc-purple);color:#fff;box-shadow:0 10px 20px -8px #5f379580}.student-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){.student-shell .v2-cart .hero{grid-template-columns:1fr;padding:22px}}.student-shell .v2-cart .hero p{margin:12px 0 0;color:var(--fg-on-dark-soft);font-family:Kanit,sans-serif;line-height:1.72}.student-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)}.student-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}.student-shell .v2-cart .hero-line span{color:var(--fg-on-dark-muted);font-family:Kanit,sans-serif;font-size:12px}.student-shell .v2-cart .hero-line strong{display:block;color:#fff;font-size:13px}.student-shell .v2-cart .hero-line b{font-size:22px;color:#fff}.student-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){.student-shell .v2-cart .grid{grid-template-columns:1fr}}.student-shell .v2-cart .card{background:#fff;border:1px solid var(--kllc-border);border-radius:22px;box-shadow:var(--shadow-card)}.student-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}.student-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}.student-shell .v2-cart .card-sub{margin-top:6px;color:var(--kllc-muted);font-family:Kanit,sans-serif;font-size:13px;line-height:1.55}.student-shell .v2-cart .card-body{padding:20px 22px 22px}.student-shell .v2-cart .cart-list{display:grid;gap:12px}.student-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)}.student-shell .v2-cart .cart-item.free{border-color:#2ecc7157;background:#2ecc710f}.student-shell .v2-cart .cart-item.paid{border-color:#f39c126b;background:#f39c1212}.student-shell .v2-cart .cart-item.refund-open{border-color:#ff66006b;box-shadow:inset 4px 0 0 var(--kllc-orange)}.student-shell .v2-cart .cart-item h3{font-family:Kanit,sans-serif;font-size:16px;font-weight:600}.student-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}.student-shell .v2-cart .price{text-align:right;font-weight:800;color:var(--fg-1)}.student-shell .v2-cart .tag-row{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap}.student-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}.student-shell .v2-cart .pill.success{color:var(--kllc-success-deep);background:#2ecc7124}.student-shell .v2-cart .pill.warning{color:var(--kllc-warning-deep);background:#f39c122e;border:1px solid rgba(243,156,18,.36)}.student-shell .v2-cart .pill.info{color:var(--kllc-purple);background:var(--kllc-purple-soft)}.student-shell .v2-cart .checkout{position:sticky;top:98px;display:grid;gap:14px}@media(max-width:980px){.student-shell .v2-cart .checkout{position:static}}.student-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}.student-shell .v2-cart .summary-row b{color:var(--fg-1);font-family:var(--font-mono)}.student-shell .v2-cart .summary-row.total{color:var(--fg-1);font-weight:600;border-bottom:0}.student-shell .v2-cart .summary-row.total b{font-size:24px;color:var(--kllc-orange)}.student-shell .v2-cart .method-grid{display:grid;gap:8px}.student-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}.student-shell .v2-cart .method.on{border-color:var(--kllc-orange);box-shadow:var(--shadow-glow-orange);background:var(--kllc-orange-soft)}.student-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}.student-shell .v2-cart .btn-primary{color:#fff;background:var(--kllc-orange);box-shadow:var(--shadow-orange)}.student-shell .v2-cart .btn-secondary{color:#fff;background:var(--kllc-purple)}.student-shell .v2-cart .btn-outline{color:var(--kllc-purple);background:#fff;border:1px solid var(--kllc-border)}.student-shell .v2-cart .btn-mini{min-height:34px;padding:0 12px;font-size:12px}.student-shell .v2-cart .actions{display:flex;gap:8px;flex-wrap:wrap}.student-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}.student-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){.student-shell .v2-cart .refund-policy{grid-template-columns:1fr}}.student-shell .v2-cart .policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:820px){.student-shell .v2-cart .policy-grid{grid-template-columns:1fr}}.student-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}.student-shell .v2-cart .policy-card.alert{border-color:#f39c125c;background:#f39c1212}.student-shell .v2-cart .policy-card b{color:var(--fg-1);font-size:14px}.student-shell .v2-cart .policy-card span{color:var(--kllc-muted);font-size:12px;line-height:1.6}.student-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}.student-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}.student-shell .v2-cart .toast.show{opacity:1;transform:translateY(0)}:root{--kllc-surface-2: #FCFBFF;--kllc-warning-deep: #C97A06}.student-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}.student-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)}.student-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)}.student-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){.student-shell .v2-cart .checkout-spinner{animation:none}}.student-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}.student-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-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-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--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-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-ping:ping 1s cubic-bezier(0, 0, .2, 1) 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-1{top:calc(var(--spacing) * -1)}.-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-8{top:calc(var(--spacing) * 8)}.top-10{top:calc(var(--spacing) * 10)}.-right-1{right:calc(var(--spacing) * -1)}.-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-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-5{bottom:calc(var(--spacing) * 5)}.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)}.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-\[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-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-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-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-\[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-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-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.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\.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)))}: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-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)}.border{border-style:var(--tw-border-style);border-width:1px}.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\/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-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-pink-400{background-color:var(--color-pink-400)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.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-orange-500{--tw-gradient-from:var(--color-orange-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-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-pink-500{--tw-gradient-to:var(--color-pink-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))}.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\.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-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-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-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-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-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-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,.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-orange-500\/30{--tw-shadow-color:#fe6e004d}@supports (color:color-mix(in lab,red,red)){.shadow-orange-500\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 30%, transparent) 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)}.ring-white\/20{--tw-ring-color:#fff3}@supports (color:color-mix(in lab,red,red)){.ring-white\/20{--tw-ring-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.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,)}.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-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\/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-kmitl-orange-dark:hover{color:var(--color-kmitl-orange-dark)}.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-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-400:focus{--tw-ring-color:var(--color-orange-400)}.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-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\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.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\:right-6{right:calc(var(--spacing) * 6)}.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 ping{75%,to{opacity:0;transform:scale(2)}}@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}}