@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap');
:root{font-family:'Noto Sans Thai','DM Sans',sans-serif;color:#15244a;background:#fff;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{background:#fff;border-bottom:1px solid #e8ecf5;position:sticky;top:0;z-index:10}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:1.2rem;font-weight:800;line-height:1.15;white-space:nowrap}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:.59rem;letter-spacing:.18em;color:#8792aa;margin-top:5px}.brand-mark{width:41px;height:41px;border-radius:12px;background:#2449b7;color:#fff;display:grid;place-items:center;font-size:1.4rem}.links{display:flex;gap:34px;align-items:center}.links a{font-size:.93rem;font-weight:600;color:#65718b;transition:color .2s}.links a:hover,.links a[aria-current]{color:#2449b7}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding-top:70px;padding-bottom:92px}.eyebrow{font-family:'DM Sans','Noto Sans Thai',sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#3159c3;font-size:.77rem;font-weight:800}.hero h1{font-size:clamp(2.5rem,4.2vw,4.5rem);line-height:1.3;letter-spacing:-.045em;margin:20px 0 20px;font-weight:800}.hero h1 em{font-style:normal;color:#315ac9}.hero p{font-size:1.08rem;line-height:1.95;color:#68748d;max-width:550px;margin:0}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:34px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;font-weight:700;font-size:.94rem;min-height:52px}.btn.primary{color:#fff;background:#2449b7;padding:0 24px;border-radius:8px;box-shadow:0 12px 25px #2449b72e}.btn.primary:hover{background:#183990}.btn.text{color:#2449b7}.hero-art{height:460px;background:#eaf0ff;border-radius:26px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-art:before,.hero-art:after{content:"";position:absolute;border:1px solid #a9bdf1;border-radius:50%;width:540px;height:540px}.hero-art:after{width:680px;height:680px}.art-top,.art-bottom{position:absolute;z-index:2;font-family:'DM Sans','Noto Sans Thai',sans-serif;color:#5c72b5;font-size:.75rem;font-weight:700;letter-spacing:.13em}.art-top{top:30px;left:32px}.art-bottom{bottom:29px;right:32px}.orb{height:290px;width:290px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#79a1ff,#315bc5 58%,#1b3a95);box-shadow:35px 45px 60px #274eb647,inset -10px -20px 45px #112c7580;display:grid;place-items:center;color:white;transform:rotate(-12deg);z-index:1;text-align:center;font-size:1.75rem;line-height:1.5}.orb strong{font-size:2.1rem}.section{padding-top:90px;padding-bottom:95px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px;gap:20px}.section h2,.closing h2{font-size:clamp(1.8rem,2.5vw,2.6rem);line-height:1.4;letter-spacing:-.035em;margin:8px 0 0}.underlink{color:#3159c3;font-weight:700;font-size:.9rem;border-bottom:1px solid #8ca5e5;padding-bottom:5px;white-space:nowrap}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.topic{padding:28px;min-height:275px;border-radius:16px;display:flex;flex-direction:column;position:relative;transition:transform .2s,box-shadow .2s}.topic:hover,.article-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px #17295b16}.topic.blue,.course-symbol.blue{background:#e9f1ff}.topic.violet,.course-symbol.violet{background:#f0edff}.topic.orange,.course-symbol.orange{background:#fff1e6}.topic-icon{font-size:2rem;color:#345ed0;line-height:1}.violet .topic-icon{color:#7861c7}.orange .topic-icon{color:#dd7f39}.topic-no{font-family:'DM Sans';color:#8b97b1;font-weight:700;font-size:.73rem;margin-top:27px}.topic h3{margin:4px 0 4px;font-size:1.4rem}.topic p{color:#65718b;font-size:.94rem;line-height:1.8;max-width:230px;margin:0}.arrow{position:absolute;right:27px;bottom:23px;font-size:1.3rem;color:#3159c3}.surface{background:#f6f8fd}.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.article-card{background:white;border:1px solid #e8ecf5;border-radius:15px;overflow:hidden;transition:transform .2s,box-shadow .2s}.article-visual{height:220px;padding:24px 28px;display:flex;justify-content:space-between;align-items:flex-start;position:relative;overflow:hidden;font-family:'DM Sans';font-weight:700}.article-visual span{font-size:.8rem}.article-visual b{font-size:2.7rem;line-height:1.03;letter-spacing:-.08em;align-self:center;position:relative;z-index:1}.article-visual:after{content:"";position:absolute;width:320px;height:320px;border:55px solid #ffffff24;border-radius:50%;right:-110px;bottom:-210px}.visual-one{background:#254bb3;color:#fff}.visual-two{background:#a6caf0;color:#163c84}.card-content{display:block;padding:26px 28px 30px}.tag{font-size:.78rem;font-weight:700;color:#4164b5}.article-card h3{font-size:1.3rem;margin:9px 0;line-height:1.5}.article-card p{font-size:.93rem;color:#748099;line-height:1.8;margin:0 0 20px}.read-more{color:#3159c3;font-size:.9rem;font-weight:700}.closing{text-align:center;padding-top:110px;padding-bottom:115px}.closing h2{margin:16px 0 30px}.footer{background:#14244b;color:#e8edfa;padding-top:58px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;padding-bottom:54px}.footer .brand-mark{background:#4770df}.foot p{color:#aebbd5;font-size:.87rem;line-height:1.9}.foot>div:not(:first-child){display:flex;flex-direction:column;gap:13px;font-size:.85rem;color:#aebbd5}.foot b{color:white;margin-bottom:5px}.foot a:hover{color:white}.copyright{border-top:1px solid #ffffff1c;padding:20px 0;color:#9caac8;font-size:.75rem}.page-intro{padding:75px 0 55px;border-bottom:1px solid #e8ecf5}.page-intro h1{font-size:clamp(2.5rem,4vw,4rem);letter-spacing:-.05em;margin:10px 0}.page-intro p{font-size:1.07rem;line-height:1.9;color:#748099;max-width:630px;margin:0}.course-list{padding:35px 0 110px}.course{display:grid;grid-template-columns:220px 1fr;gap:48px;padding:32px 0;border-bottom:1px solid #e8ecf5;align-items:center;scroll-margin-top:110px}.course-symbol{height:185px;border-radius:15px;display:grid;place-items:center;font-size:4rem;color:#3159c3}.course-symbol.violet{color:#7861c7}.course-symbol.orange{color:#dd7f39}.course h2{font-size:1.65rem;margin:5px 0}.course p{color:#748099;line-height:1.9;margin:0 0 15px}.course a{color:#3159c3;font-weight:700;font-size:.9rem}.listing{padding:30px 0 110px}.list-item{border-bottom:1px solid #e3e9f3;display:grid;grid-template-columns:72px 1fr 40px;gap:24px;align-items:start;padding:32px 0}.list-index{font-family:'DM Sans';font-size:1.2rem;color:#9aabc9;font-weight:700}.list-item h2{font-size:1.45rem;margin:7px 0}.list-item p{margin:0;color:#748099;line-height:1.8}.list-arrow{font-size:1.5rem;color:#3159c3}.list-item:hover h2{color:#3159c3}.article-shell{max-width:900px;padding-top:40px;padding-bottom:110px}.breadcrumbs{font-size:.82rem;color:#8b97ad;display:flex;gap:11px;flex-wrap:wrap}.breadcrumbs a:hover{color:#3159c3}.article-header{padding:58px 0 42px;border-bottom:1px solid #e3e9f3}.article-header h1{font-size:clamp(2.3rem,4vw,3.8rem);line-height:1.3;letter-spacing:-.04em;margin:14px 0}.article-header p{font-size:1.05rem;color:#748099;line-height:1.8}.article-body{max-width:740px;margin:45px auto 0;font-size:1.04rem;line-height:2;color:#465572}.article-body h2{font-size:1.5rem;color:#15244a;line-height:1.5;margin:42px 0 8px}.article-body p{margin:0 0 18px}.takeaway{background:#eaf0ff;border-left:4px solid #3159c3;padding:22px 26px;border-radius:0 10px 10px 0;margin-top:44px}.takeaway b{color:#2449b7}.takeaway p{margin:5px 0 0}.article-end{border-top:1px solid #e3e9f3;margin-top:60px;padding-top:25px;display:flex;justify-content:space-between;gap:20px;color:#3159c3;font-weight:700;font-size:.9rem}.about-layout{display:grid;grid-template-columns:1fr 2fr;gap:70px;padding-top:80px;padding-bottom:120px}.about-number{font:700 5rem/1 'DM Sans';color:#3159c3}.about-number span{display:block;font:700 1rem 'Noto Sans Thai';color:#748099;margin-top:20px}.about-copy h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.5;margin:0 0 22px}.about-copy p{color:#65718b;line-height:2;margin-bottom:20px}.about-copy .btn{margin-top:10px}
@media(max-width:800px){.nav{height:70px}.menu-toggle{display:block;background:none;border:0;color:#2449b7;font-size:1.5rem;cursor:pointer}.links{display:none;position:absolute;top:70px;left:0;right:0;background:white;box-shadow:0 15px 25px #14244b19;padding:20px 24px;flex-direction:column;align-items:start;gap:18px}.links.open{display:flex}.hero{grid-template-columns:1fr;padding-top:50px;padding-bottom:40px;gap:35px}.hero-art{height:340px}.orb{width:230px;height:230px;font-size:1.4rem}.orb strong{font-size:1.7rem}.section{padding-top:65px;padding-bottom:70px}.topic-grid{grid-template-columns:1fr}.topic{min-height:210px}.topic-no{margin-top:15px}.article-grid{grid-template-columns:1fr}.foot{grid-template-columns:1fr 1fr;gap:35px}.foot>div:first-child{grid-column:1/-1}.course{grid-template-columns:150px 1fr;gap:24px}.course-symbol{height:150px}.about-layout{grid-template-columns:1fr;gap:20px}}
@media(max-width:560px){.wrap{width:min(100% - 36px,1180px)}.hero h1{font-size:2.45rem}.hero-art{height:300px}.art-top,.art-bottom{font-size:.62rem}.section-head{align-items:start;flex-direction:column}.article-visual{height:180px}.article-visual b{font-size:2.15rem}.closing{padding-top:80px;padding-bottom:90px}.foot{grid-template-columns:1fr 1fr;gap:20px}.course{grid-template-columns:1fr;gap:18px}.course-symbol{height:145px}.list-item{grid-template-columns:35px 1fr 18px;gap:11px}.list-item h2{font-size:1.2rem}.list-item p{font-size:.9rem}.article-end{flex-direction:column}.page-intro{padding:55px 0 42px}}

.hero-art{background:#e9f1ff}.hero-art:before,.hero-art:after,.article-visual:after{display:none}.hero-art img,.article-visual img{width:100%;height:100%;object-fit:cover;display:block}.article-visual{padding:0}.article-cover{width:100%;height:330px;object-fit:cover;border-radius:14px;display:block;margin-top:34px}@media(max-width:560px){.article-cover{height:220px}}