@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&family=Noto+Sans+KR:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--navy:#111d42;--navy2:#172653;--coral:#ff6b58;--sky:#c9e4ef;--cream:#f7f4ed;--ink:#17203b;--muted:#667087;--line:#dce0e6;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:Outfit,IBM Plex Sans Thai,Noto Sans KR,sans-serif;line-height:1.6}.site{overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.section{padding:120px 7vw}.eyebrow{color:var(--coral);letter-spacing:.2em;margin:0 0 24px;font-size:12px;font-weight:700}.eyebrow.dark{color:#42527b}h1,h2,h3,p{margin-top:0}h2{letter-spacing:-.045em;font-size:clamp(2.5rem,4.7vw,5rem);font-weight:500;line-height:1.04}.header{z-index:10;color:#fff;border-bottom:1px solid #ffffff2b;justify-content:space-between;align-items:center;width:100%;height:100px;padding:0 5vw;display:flex;position:absolute;top:0;left:0}.logo{color:var(--navy);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.logo.light{color:#fff}.logo-brand-tile{background:#fffffff7;border-radius:8px;flex:0 0 84px;place-items:center;width:84px;height:84px;padding:5px;display:grid;overflow:hidden;box-shadow:0 8px 26px #00000029}.logo-brand-tile img{object-fit:contain;width:100%;height:100%;display:block}.logo-words{border-left:1px solid;flex-direction:column;padding-left:12px;line-height:1.05;display:flex}.logo-words b{letter-spacing:.08em;white-space:nowrap;font-size:15px}.logo-words small{letter-spacing:.18em;white-space:nowrap;font-size:8px}.header nav{gap:30px;display:flex}.header nav button,.mobile-menu button{color:inherit;opacity:.78;background:0 0;border:0}.header nav button:hover{opacity:1}.header-right,.lang-switch{align-items:center;display:flex}.header-right{gap:20px}.lang-switch{gap:2px}.lang-switch button{color:#fff;opacity:.45;background:0 0;border:0;padding:7px;font-size:11px}.lang-switch button.active{opacity:1;border-bottom:2px solid var(--coral)}.outline-btn{color:#fff;background:#ffffff12;border:1px solid #fff6;align-items:center;gap:10px;height:44px;padding:0 17px;display:flex}.outline-btn svg{width:16px}.menu{color:#fff;background:0 0;border:0;display:none}.mobile-menu{display:none}.hero{color:#fff;isolation:isolate;background:#0d1734;align-items:center;height:min(920px,100vh);min-height:760px;padding:120px 7vw 70px;display:flex;position:relative}.hero-bg{z-index:-2;background-image:url(/images/yhls-hero.png);background-position:50%;background-size:cover;position:absolute;inset:0}.hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#070f25fc 0%,#0a1635f0 35%,#0a16356b 68%,#0a163514 100%);position:absolute;inset:0}.hero h1{letter-spacing:-.055em;margin:0 0 28px;font-size:clamp(3.2rem,6.2vw,7.2rem);font-weight:500;line-height:.98}.hero h1 em{color:var(--coral);font-style:normal}.hero-lead{color:#d5dbea;max-width:660px;font-size:clamp(1rem,1.4vw,1.3rem);line-height:1.75}.hero-actions{gap:14px;margin:35px 0 50px;display:flex}.primary{background:var(--coral);color:#fff;border:0;justify-content:center;align-items:center;gap:15px;min-height:54px;padding:0 24px;font-weight:600;display:inline-flex}.primary svg{width:18px}.ghost{color:#fff;background:0 0;border:1px solid #ffffff59;min-height:54px;padding:0 22px}.proofs{color:#c0cada;flex-wrap:wrap;gap:25px;font-size:12px;display:flex}.proofs span{align-items:center;gap:7px;display:flex}.proofs svg{width:15px;color:var(--coral)}.scroll-cue{writing-mode:vertical-rl;letter-spacing:.2em;opacity:.6;align-items:center;gap:5px;font-size:9px;display:flex;position:absolute;bottom:35px;right:5vw}.scroll-cue svg{width:15px}.program-strip{background:var(--coral);color:#fff;letter-spacing:.15em;justify-content:space-around;align-items:center;gap:20px;padding:18px 5vw;font-size:12px;font-weight:700;display:flex}.program-strip i{opacity:.65;font-style:normal}.about{background:var(--cream);grid-template-columns:.82fr 1.18fr;gap:7vw;display:grid}.about-intro>p:not(.eyebrow){color:var(--muted);max-width:570px;font-size:18px}.director{border-top:1px solid #ccd0d5;align-items:center;gap:20px;margin-top:55px;padding-top:28px;display:flex}.director>span{color:var(--coral);font-size:70px;font-weight:300;line-height:1}.director sup{font-size:25px}.director p{margin:0!important;font-size:13px!important;line-height:1.4!important}.strength-grid{background:var(--navy);color:#fff;grid-template-columns:1fr 1fr;display:grid}.strength-grid article{border:1px solid #ffffff1a;min-height:300px;padding:42px;position:relative}.strength-icon{width:54px;height:54px;color:var(--coral);background:#ff6b581f;border-radius:50%;place-items:center;display:grid}.strength-icon svg{width:24px}.strength-grid small{color:#7180a6;position:absolute;top:26px;right:26px}.strength-grid h3{margin:42px 0 13px;font-size:22px;line-height:1.2}.strength-grid p{color:#aeb8d0;font-size:14px}.lessons{background:var(--navy);color:#fff}.section-heading{justify-content:space-between;align-items:end;gap:50px;margin-bottom:60px;display:flex}.section-heading h2{max-width:850px;margin-bottom:0}.section-heading>p{color:#aeb8d0;max-width:360px;font-size:18px}.course-list{border-top:1px solid #ffffff26}.course-list article{border-bottom:1px solid #ffffff26;grid-template-columns:70px 1fr 290px 58px;align-items:center;gap:25px;padding:29px 18px;transition:all .25s;display:grid}.course-list article:hover,.course-list article.featured{color:var(--ink);background:#fff;transform:translate(8px)}.course-num{color:var(--coral);font-size:13px}.course-title h3{margin:0 0 6px;font-size:24px}.course-title p{color:#9faac4;max-width:670px;margin:0;font-size:14px}.course-list article:hover .course-title p,.course-list article.featured .course-title p{color:var(--muted)}.course-meta{color:#aeb8d0;flex-wrap:wrap;gap:18px;font-size:11px;display:flex}.course-meta span{align-items:center;gap:6px;display:flex}.course-meta svg{width:14px;color:var(--coral)}.course-list article>button{width:48px;height:48px;color:inherit;background:0 0;border:1px solid;border-radius:50%}.course-list article>button svg{width:18px}.guidance{background:var(--sky);grid-template-columns:120px 1fr .8fr;align-items:center;gap:50px;padding:85px 7vw;display:grid}.guidance-mark{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:94px;height:94px;display:grid}.guidance-mark svg{width:40px}.guidance h2{margin-bottom:18px;font-size:clamp(2rem,3vw,3.2rem)}.guidance p{margin-bottom:0}.guidance aside{color:#405068;border-left:1px solid #9bbbc7;padding-left:38px;font-size:14px}.contact{background:#f7f4ed;grid-template-columns:1fr 1fr;gap:8vw;display:grid}.contact h2{margin-bottom:30px}.contact-copy>p:not(.eyebrow){color:var(--muted);max-width:600px;font-size:18px}.contact-points{gap:15px;margin-top:45px;display:grid}.contact-points a,.contact-points span{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:flex}.contact-points svg{width:18px;color:var(--coral)}form{background:#fff;padding:42px;box-shadow:0 22px 65px #111d421a}form label{color:#536078;gap:7px;margin-bottom:20px;font-size:12px;display:grid}form input,form select,form textarea{width:100%;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #cad0da;outline:0;padding:10px 2px}form input:focus,form select:focus,form textarea:focus{border-color:var(--coral)}form .two{grid-template-columns:1fr 1fr;gap:25px;display:grid}form .primary{width:100%}.form-status{margin:15px 0 0;font-size:13px}.form-status.success{color:#16734f}.form-status.error{color:#b6292d}footer{color:#fff;background:#0a132d;grid-template-columns:1fr 1fr;align-items:start;gap:25px;padding:65px 7vw 30px;display:grid}footer>p{color:#8e9ab6;grid-column:1}.footer-links{text-align:right;grid-area:1/2/3;justify-self:end;gap:8px;display:grid}.footer-links a{color:#ccd3e0;text-decoration:none}footer small{color:#65708b;border-top:1px solid #ffffff21;grid-column:1/-1;padding-top:22px}@media (width<=1050px){.header nav,.outline-btn{display:none}.menu{display:block}.mobile-menu{z-index:9;background:var(--navy);color:#fff;gap:15px;padding:25px;display:grid;position:fixed;top:75px;left:0;right:0}.mobile-menu button{text-align:left}.about,.contact{grid-template-columns:1fr}.course-list article{grid-template-columns:55px 1fr 220px 48px}.guidance{grid-template-columns:90px 1fr}.guidance aside{grid-column:2}}@media (width<=680px){.section{padding:80px 22px}.header{height:78px;padding:0 20px}.logo{gap:7px}.logo-brand-tile{border-radius:6px;flex-basis:64px;width:64px;height:64px;padding:4px}.logo-words{padding-left:8px}.logo-words b{font-size:11px}.logo-words small{font-size:6px}.header-right{gap:8px}.hero{height:auto;min-height:760px;padding:120px 22px 80px}.hero-bg{background-position:63%}.hero:after{background:linear-gradient(90deg,#070f25f7,#0a1635bf)}.hero h1{font-size:3.35rem}.hero-actions{flex-direction:column;align-items:stretch}.proofs{gap:9px;display:grid}.program-strip{white-space:nowrap;justify-content:flex-start;padding-left:22px;overflow:auto}.about{gap:50px}.strength-grid{grid-template-columns:1fr}.strength-grid article{min-height:245px;padding:32px}.section-heading{display:block}.section-heading>p{margin-top:20px}.course-list article,.course-list article:hover,.course-list article.featured{grid-template-columns:40px 1fr 42px;gap:10px;padding:24px 5px;transform:none}.course-meta{grid-column:2}.course-list article>button{grid-area:1/3/3}.course-title h3{font-size:19px}.guidance{grid-template-columns:1fr;gap:25px;padding:70px 22px}.guidance aside{border-top:1px solid #9bbbc7;border-left:0;grid-column:auto;padding:25px 0 0}.contact{gap:45px}form{padding:25px}form .two,footer{grid-template-columns:1fr}.footer-links{text-align:left;grid-area:auto/1;justify-self:start}.director>span{font-size:55px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}html[lang=th] body{letter-spacing:.005em;font-family:IBM Plex Sans Thai,Outfit,sans-serif}html[lang=en] body{font-family:Outfit,sans-serif}html[lang=ko] body{word-break:keep-all;font-family:Noto Sans KR,Outfit,sans-serif}.header{padding-inline:clamp(28px,5.5vw,92px)}.header nav{gap:clamp(24px,2.6vw,46px)}.header nav button{white-space:nowrap;font-size:15px;font-weight:400}.outline-btn{white-space:nowrap;padding-inline:20px;font-weight:500}.hero-content{max-width:700px}.hero h1{letter-spacing:-.035em;margin-bottom:32px;font-size:clamp(3rem,5.25vw,6.2rem);line-height:1.06}.hero-lead{max-width:640px;font-size:clamp(1rem,1.15vw,1.18rem);font-weight:300;line-height:1.85}.hero-actions{margin-top:38px;margin-bottom:54px}.proofs{line-height:1.55}html[lang=th] .hero h1{letter-spacing:-.025em;font-size:clamp(3rem,4.85vw,5.7rem);font-weight:500;line-height:1.12}html[lang=th] .hero-lead{max-width:690px;font-size:clamp(1rem,1.1vw,1.16rem);font-weight:300;line-height:1.95}html[lang=th] .primary,html[lang=th] .ghost{font-weight:500}html[lang=ko] .hero h1{letter-spacing:-.035em;font-size:clamp(2.8rem,4.55vw,5.25rem);font-weight:500;line-height:1.2}html[lang=ko] .hero-lead{max-width:670px;font-weight:300;line-height:1.9}html[lang=en] .hero h1{font-weight:500;line-height:1.04}.about-intro>p:not(.eyebrow),.section-heading>p,.contact-copy>p:not(.eyebrow){font-weight:300;line-height:1.85}.strength-grid p,.course-title p,.guidance p,.guidance aside{line-height:1.75}.strength-grid h3,.course-title h3{letter-spacing:-.015em}html[lang=th] h2{letter-spacing:-.025em;line-height:1.2}html[lang=th] .strength-grid h3,html[lang=th] .course-title h3{font-weight:600;line-height:1.55}html[lang=ko] h2{letter-spacing:-.03em;line-height:1.2}html[lang=ko] .strength-grid h3,html[lang=ko] .course-title h3{line-height:1.5}@media (width<=680px){.hero h1,html[lang=th] .hero h1,html[lang=ko] .hero h1{font-size:clamp(2.65rem,12vw,3.5rem)}.hero-lead,html[lang=th] .hero-lead,html[lang=ko] .hero-lead{font-size:1rem;line-height:1.8}.header{padding-inline:20px}}.form-trap{width:1px!important;height:1px!important;position:absolute!important;left:-10000px!important;overflow:hidden!important}.strength-grid article{isolation:isolate;background:#111d42;overflow:hidden}.strength-grid article:before{content:"";z-index:-2;background-image:var(--strength-image);opacity:.24;filter:grayscale()saturate(.45)contrast(1.06);background-position:50%;background-size:cover;transition:opacity .45s,transform .7s,filter .45s;position:absolute;inset:0;transform:scale(1.035)}.strength-grid article:after{content:"";z-index:-1;background:linear-gradient(145deg,#111d4294 0%,#111d42d1 72%);transition:background .45s;position:absolute;inset:0}.strength-grid article:first-child{--strength-image:url(/images/strengths/university-mentor.png)}.strength-grid article:nth-child(2){--strength-image:url(/images/strengths/goal-planning.png)}.strength-grid article:nth-child(3){--strength-image:url(/images/strengths/small-group.png)}.strength-grid article:nth-child(4){--strength-image:url(/images/strengths/smart-classroom.png)}.strength-grid article:hover:before,.strength-grid article:focus-within:before{opacity:.62;filter:grayscale(.25)saturate(.88)contrast(1.08);transform:scale(1)}.strength-grid article:hover:after,.strength-grid article:focus-within:after{background:linear-gradient(145deg,#111d424d 0%,#111d42ad 72%)}.strength-grid article:hover .strength-icon,.strength-grid article:focus-within .strength-icon{background:#ff6b5838;transform:translateY(-2px)}.strength-icon{transition:background .3s,transform .3s}@media (prefers-reduced-motion:reduce){.strength-grid article:before,.strength-grid article:after,.strength-icon{transition:none}}