:root{color-scheme:dark;--navy:#062762;--blue:#0d4ce1;--cyan:#7edbff}*{box-sizing:border-box}body{margin:0;background:#e9f0fa;color:white;font-family:Prompt,'Leelawadee UI',sans-serif}.controls{max-width:1500px;margin:auto;padding:13px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#194476;font-size:13px}.controls a{color:inherit;text-decoration:none}.controls button{font:inherit;border:1px solid #c3d4ed;border-radius:30px;background:white;color:#174789;padding:9px 19px;cursor:pointer}.controls button:disabled{opacity:.35;cursor:default}#stage{max-width:1500px;margin:auto;padding:0 20px}.slide{position:relative;aspect-ratio:16/9;min-height:570px;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,#082c6d,#0c4fd5);box-shadow:0 18px 50px #0b2c651f;isolation:isolate}.content{position:relative;z-index:3;padding:4.1% 5%;height:100%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:clamp(12px,1.25vw,19px);color:#c6eaff;display:flex;align-items:center;gap:12px;font-weight:500;letter-spacing:.03em;margin-bottom:1.7%}.spark{width:22px;height:4px;background:#8fe5ff;display:inline-block}h1{font-size:clamp(30px,4.25vw,66px);line-height:1.32;letter-spacing:-.035em;font-weight:600;margin:0 0 2.4%;max-width:95%;text-wrap:balance}h2{font-size:clamp(20px,2.1vw,33px);font-weight:500;line-height:1.45;margin:0}p{margin:0}.lead{font-size:clamp(22px,2.3vw,36px);line-height:1.65}.body{font-size:clamp(16px,1.55vw,24px);line-height:1.8;margin-top:3%;color:#e5f1ff;max-width:95%}.slide-foot{margin-top:auto;padding-top:20px;font-size:clamp(11px,.95vw,15px);color:#c5ddff;max-width:90%}.page-mark{position:absolute;right:4%;bottom:4%;font-size:14px;color:#afd4ff;z-index:5;font-variant-numeric:tabular-nums}.backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(2,21,57,.95) 0%,rgba(3,28,70,.78) 37%,rgba(3,29,68,.06) 75%)}.cover .content{width:77%}.cover h1{font-size:clamp(42px,5.2vw,82px);margin-bottom:3%}.cover .lead{font-size:clamp(18px,1.8vw,28px)}.cover .body{font-size:clamp(14px,1.3vw,20px);line-height:1.9;background:#05245bc4;padding:12px 18px;border-left:3px solid #93deff}.items{display:grid;width:100%;gap:20px}.item p{font-size:clamp(15px,1.45vw,22px);color:#dbedff;margin-top:12px;line-height:1.65}.number{color:#9be7ff;font-size:clamp(20px,2.9vw,44px);line-height:1.3;font-weight:500}.orb{position:absolute;z-index:-1;border:1px solid #95d6ff33;border-radius:50%;pointer-events:none}.orb-one{width:650px;height:650px;right:-200px;top:-250px}.orb-two{width:470px;height:470px;right:-110px;top:-160px}.goals .content{padding-left:35%}.goals h1{font-size:clamp(32px,3.6vw,56px)}.goals:before{content:'01';position:absolute;left:5%;top:20%;font-size:clamp(150px,25vw,380px);font-weight:600;color:#ffffff12;line-height:1}.goals .items{gap:15px}.goals .item{display:flex;gap:24px;align-items:center;border-bottom:1px solid #b7d6ff32;padding-bottom:14px}.goals .item p{margin:2px 0 0}.quote .shade{background:linear-gradient(90deg,#092e6233 0%,#062350b8 30%,#031c48f5 63%)}.quote .content{padding-left:43%}.quote h1{font-size:clamp(30px,3.8vw,58px)}.quote .lead{font-size:clamp(21px,2.15vw,33px)}.types{background:linear-gradient(120deg,#0a40c1,#1261e6)}.types .items{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:4%}.types .item{padding:28px 24px;border-top:2px solid #d7f3ff;background:#ffffff12;min-height:210px;border-radius:0 0 20px 20px}.types .number{font-size:16px;margin-bottom:26px;display:block}.levels .items{grid-template-columns:1fr 1fr;margin-top:2%;gap:32px}.levels .item{border:1px solid #d4eaff60;border-radius:20px;padding:35px;background:#ffffff08}.levels .item-1{background:#2169e0}.levels .number{display:block;margin-bottom:16px}.seminar .shade{background:linear-gradient(90deg,#031b49fa 0%,#05235ce0 37%,#06265910 78%)}.seminar .content{max-width:66%}.seminar .items{grid-template-columns:1fr 1fr;margin-top:15px;gap:10px 20px}.seminar .item{padding:10px 0;border-top:1px solid #c2e3ff55}.seminar .number{font-size:14px}.seminar h2{font-size:clamp(17px,1.8vw,27px)}.timeline .items{grid-template-columns:repeat(3,1fr);margin-top:5%;gap:0}.timeline .item{border-top:3px solid #8de5ff;padding:24px 30px 0 0;position:relative}.timeline .item:before{content:'';position:absolute;width:13px;height:13px;background:white;border-radius:50%;top:-8px}.timeline .number{font-size:clamp(40px,5.2vw,78px)}.timeline h2{font-size:20px}.system h1{font-size:clamp(27px,3.5vw,54px)}.system .items{grid-template-columns:repeat(3,1fr);margin-top:4%;gap:34px}.system .item{padding:26px 20px;text-align:center;background:#ffffff14;border-radius:18px;border:1px solid #b2deff80;position:relative}.system .item:not(:last-child):after{content:'→';position:absolute;right:-29px;top:40%;font-size:30px}.system .number{display:block;margin-bottom:20px}.case .content{max-width:61%}.case h1{font-size:clamp(32px,3.9vw,59px)}.case .items{gap:10px}.case .item{border-left:2px solid #87e6ff;padding:5px 14px;background:#03235bb5}.case .number{font-size:16px}.case h2{font-size:clamp(18px,1.7vw,27px)}.skills .items{grid-template-columns:1fr 1fr;gap:26px;margin-top:2%}.skills .item{padding:30px;border-bottom:4px solid #acebff;background:linear-gradient(135deg,#ffffff1a,#ffffff05);border-radius:18px 18px 0 0}.skills .number{font-size:clamp(30px,4vw,60px);display:block;margin-bottom:20px}.skills h2{font-size:clamp(18px,1.85vw,28px)}.activity .content{padding-left:42%}.activity:before{content:'02';position:absolute;left:5%;top:16%;color:#ffffff14;font-size:clamp(130px,25vw,380px);font-weight:600}.activity h1{font-size:clamp(28px,3.3vw,51px)}.activity .items{gap:12px}.activity .item{padding:12px 0;border-bottom:1px solid #b8d9ff44}.activity .number{font-size:20px}.activity h2{font-size:clamp(16px,1.65vw,25px)}.score .content{padding-right:7%}.score .items{grid-template-columns:1fr 1fr;gap:16px}.score .item{display:flex;gap:22px;align-items:center;border:1px solid #bde3ff50;padding:18px 24px;border-radius:14px;background:#ffffff08}.score .number{font-size:42px;min-width:28px}.score h2{font-size:clamp(17px,1.65vw,25px)}.score h1{font-size:clamp(32px,3.8vw,57px)}.score .body{margin-top:20px;font-size:clamp(14px,1.4vw,21px)}.reflect{text-align:center;background:radial-gradient(ellipse at 50% 95%,#1864d9,#06275f 70%)}.reflect .content{align-items:center;justify-content:center}.reflect .eyebrow{margin-bottom:3%}.reflect h1{font-size:clamp(35px,4.8vw,73px)}.reflect .slide-foot{margin-top:5%}.reflect .body{border-top:1px solid #b9dfff60;padding-top:18px}.help{font-size:11px;color:#466588;text-align:center;padding:0 15px 10px}#dots{display:flex;gap:6px;justify-content:center;margin-top:8px}#dots .dot{padding:0;border:0;width:6px;height:6px;background:#b1c6e3}#dots .active{background:#1357bf;width:21px}#counter{display:block;text-align:center;font-variant-numeric:tabular-nums}button:focus-visible,a:focus-visible{outline:3px solid #edb83c;outline-offset:4px}:fullscreen body{background:#031c48}:fullscreen #stage{max-width:none;padding:0}:fullscreen .slide{height:calc(100vh - 104px);min-height:0;aspect-ratio:auto;border-radius:0}:fullscreen .controls{color:#d4eaff}:fullscreen .help{display:none}@media(min-width:1550px){h1{font-size:66px}.lead{font-size:36px}}@media(max-width:850px){.slide{min-height:640px;aspect-ratio:auto}.content{padding:35px 30px}.cover .content{width:95%}.goals .content,.quote .content,.activity .content{padding-left:30px}.goals:before,.activity:before{display:none}.quote .shade{background:#031c48cc}.seminar .content,.case .content{max-width:95%}.photo .shade{background:linear-gradient(90deg,#031b49f0,#032257b0)}.types .items,.timeline .items{gap:12px}.types .item{padding:20px 14px}.slide-foot{padding-top:25px}.skills .item{padding:20px}.controls{padding:12px 20px}.controls>span{display:none}h1{margin-bottom:25px}.body{margin-top:22px}.eyebrow{margin-bottom:20px}.seminar .backdrop{object-position:65% center}.help{font-size:10px}}@media(max-width:550px){#stage{padding:0 8px}.slide{min-height:730px}.content{padding:30px 22px}.types .items,.levels .items,.skills .items,.system .items,.score .items{grid-template-columns:1fr;gap:12px}.types .item{min-height:0;display:flex;align-items:center;gap:20px;padding:16px}.types .number{margin:0}.types .item p{margin-top:0}.levels .item{padding:20px}.levels .number{margin-bottom:5px}.timeline .items{grid-template-columns:1fr;margin-top:10px;gap:20px}.timeline .item{display:grid;grid-template-columns:70px 1fr;gap:0 10px;padding:14px 0 0}.timeline .number{grid-row:1/3;font-size:45px}.timeline .item p{margin-top:0}.system .items{margin-top:0}.system .item{padding:12px}.system .number{margin:0}.system .item p{margin:0}.system .item:not(:last-child):after{display:none}.skills .item{padding:20px}.skills .number{margin:0}.score .item{padding:10px 16px}.score .number{font-size:30px}.slide-foot{font-size:11px;line-height:1.6}.controls{gap:8px;padding:10px 12px}.controls button{padding:8px 12px}.cover h1{font-size:50px}.reflect h1{font-size:36px}.reflect .content{justify-content:center}.body{font-size:16px}}