/*
Theme Name: Alien Buu
Description: เว็บแนะนำหลักสูตรภาษาไทย ดีไซน์เฉพาะ พร้อมระบบจัดการหลักสูตร
Version: 1.0.0
Text Domain: inf-next
*/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#132321;--dark:#101e1c;--muted:#65716c;--paper:#f6f7f2;--lime:#cefa69;--line:#dce1d8;--font:'IBM Plex Sans Thai',Tahoma,sans-serif;--en:'Space Grotesk',sans-serif;--ease-out:cubic-bezier(0.23, 1, 0.32, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}a,button,input,summary{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #71a52b}button:disabled{cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.35}svg{display:block}button{color:inherit}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.skip-link{position:fixed;top:-80px;left:16px;padding:12px;background:var(--lime);z-index:1000}.skip-link:focus{top:12px}.site-header{background:var(--dark);color:#fff;border-bottom:1px solid #ffffff18;position:relative;z-index:10}.nav{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:flex;gap:11px;align-items:center;white-space:nowrap}.brand-mark{width:34px;height:34px;border:2px solid var(--lime);border-radius:9px;display:grid;place-items:center;color:var(--lime);font-family:var(--en);font-size:23px;line-height:1}.brand-name{font-family:var(--en);font-size:25px;font-weight:700;letter-spacing:-1.2px}.brand-name span{color:var(--lime)}.brand-caption{display:block;font-size:9px;font-family:var(--en);letter-spacing:2.2px;color:#b6c1b9;margin-top:-5px}.nav-links{display:flex;align-items:center;gap:33px;font-size:14px}.nav-links a:hover{color:var(--lime)}.nav-cta{border:1px solid #768375;border-radius:5px;padding:10px 18px}.menu-toggle{display:none;background:none;color:#fff;border:1px solid #53665b;padding:7px 13px;border-radius:5px}.hero{background:var(--dark);color:#fff;overflow:hidden;position:relative}.hero-grid{min-height:610px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:25px;padding-top:55px;padding-bottom:55px}.eyebrow{font-family:var(--en);font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:7px;height:7px;background:#91b648;display:inline-block}.hero .eyebrow{color:var(--lime)}.hero h1{font-size:clamp(39px,4.5vw,66px);font-weight:600;letter-spacing:-2.3px;line-height:1.3;margin:23px 0}.hero h1 em{font-style:normal;color:var(--lime)}.hero-copy>p{max-width:480px;color:#b8c4bd;line-height:1.9;font-size:16px}.actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:13px 23px;border-radius:5px;font-weight:600;font-size:14px;border:1px solid transparent;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-lime{background:var(--lime);color:var(--ink)}.btn-ghost{border-color:#52665b;color:#e3ebe4;background:transparent}.btn-dark{background:var(--dark);color:#fff}.arrow{font-family:Arial,sans-serif;font-size:21px;font-weight:400}.hero-note{font-size:11px!important;margin-top:27px;display:flex;align-items:center;gap:9px}.hero-note:before{content:'';width:18px;height:1px;background:#83977d}.orbit-art{height:470px;position:relative;background-image:radial-gradient(#7b9b741f 1px,transparent 1px);background-size:20px 20px}.orbit-art:before{content:'';position:absolute;inset:65px;background:radial-gradient(ellipse,#a8e27321,transparent 67%);filter:blur(15px)}.orbit-svg{position:absolute;width:100%;height:100%;inset:0}.orbit-svg .orbit-line{fill:none;stroke:#86aa7445;stroke-width:1}.orbit-svg .dash{stroke-dasharray:3 8}.orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:190px;border:1px solid #d1f48c6b;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at 30% 20%,#6f9d45,#263d2c 55%,#18291f);box-shadow:inset 0 0 40px #b8ee6340,0 0 70px #a5f65b16}.orbit-core strong{font-family:var(--en);font-size:62px;letter-spacing:-5px;line-height:1.1;color:#e0ffb3}.orbit-core span{font-family:var(--en);font-size:9px;letter-spacing:3px;color:#e0ffb3}.orbit-label{position:absolute;padding:10px 14px;border:1px solid #536f48;background:#1b2b22;border-radius:7px;font-family:var(--en);font-size:11px;color:#d9e6d5;box-shadow:0 10px 25px #0002}.orbit-label b{display:block;font-size:19px;line-height:1.3;color:var(--lime)}.orbit-label.one{left:5%;top:19%}.orbit-label.two{right:2%;top:29%}.orbit-label.three{left:9%;bottom:16%}.orbit-label.four{right:1%;bottom:15%}.art-caption{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font:9px var(--en);letter-spacing:2.8px;color:#7b927e;white-space:nowrap}.art-corner{position:absolute;right:8%;top:5%;font:10px var(--en);color:#8ba281}.hero-bottom{border-top:1px solid #ffffff18;display:grid;grid-template-columns:1.5fr repeat(3,1fr);padding:24px 0 28px;gap:28px;align-items:center}.hero-bottom>p{font-size:12px;color:#a8b8ad}.stat{border-left:1px solid #ffffff26;padding-left:27px;display:flex;align-items:center;gap:14px}.stat strong{font-family:var(--en);font-size:33px;font-weight:500;color:var(--lime);line-height:1}.stat span{color:#cbd5cd;font-size:12px}.section{padding:86px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px}.section h2{font-size:36px;letter-spacing:-1.2px;font-weight:600;margin-top:12px}.section-heading>p{max-width:350px;color:var(--muted);font-size:14px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid var(--line);border-radius:30px;padding:8px 18px;background:transparent;font-size:13px}.filter[aria-pressed=true]{background:var(--dark);color:#fff;border-color:var(--dark)}.filter span{font-family:var(--en);font-size:10px;margin-left:5px;opacity:.65}.search{display:flex;align-items:center;border-bottom:1px solid #a4b09e;padding:8px 0;gap:12px;max-width:250px}.search input{width:100%;border:0;background:none;font-size:13px;color:var(--ink);outline-offset:8px}.result-info{font-size:12px;color:var(--muted);margin-bottom:18px}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.course-card{border:1px solid var(--line);background:#fff;border-radius:9px;overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.course-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #203e1910}.course-visual{height:160px;background:var(--visual-bg,#e8f0df);position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-start;padding:23px}.course-code{font-family:var(--en);font-size:48px;font-weight:500;letter-spacing:-3px;line-height:1;color:var(--visual-ink,#405a2c)}.course-number{font:10px var(--en);color:var(--visual-ink,#405a2c)}.course-symbol{position:absolute;right:18px;bottom:-12px;width:145px;height:145px;color:var(--visual-ink,#405a2c);opacity:.65;transform:rotate(-9deg)}.course-visual small{position:absolute;left:24px;bottom:20px;font:9px var(--en);letter-spacing:1.5px;color:var(--visual-ink,#405a2c)}.tone-2{--visual-bg:#e2e9f0;--visual-ink:#3f6289}.tone-3{--visual-bg:#ece5f2;--visual-ink:#77548b}.tone-4{--visual-bg:#f4e6d6;--visual-ink:#a16c2c}.tone-5{--visual-bg:#dcece6;--visual-ink:#3e7c68}.tone-6{--visual-bg:#e6e8de;--visual-ink:#6a7148}.course-body{padding:23px 24px 18px;flex:1;display:flex;flex-direction:column}.meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:13px}.level-dot:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#7c985c;margin-right:7px}.course-card h3{font-size:20px;font-weight:600;line-height:1.5;margin-bottom:6px}.course-english{font-family:var(--en);font-size:10px;line-height:1.5;color:var(--muted);min-height:30px}.course-description{font-size:13px;color:var(--muted);margin-top:16px;margin-bottom:20px;line-height:1.85}.card-bottom{margin-top:auto;border-top:1px solid #e7ebe3;display:flex;justify-content:space-between;align-items:center;padding-top:16px;font-size:12px;font-weight:600}.card-bottom a{display:flex;align-items:center;gap:12px}.compare-check{display:flex;align-items:center;gap:5px;color:var(--muted);font-weight:400;cursor:pointer;font-size:11px}.compare-check input{accent-color:#416923;width:15px;height:15px}.empty{grid-column:1/-1;padding:60px;text-align:center;border:1px dashed var(--line)}[hidden]{display:none!important}.compare-bar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:30;display:flex;align-items:center;gap:22px;background:var(--dark);color:white;padding:12px 16px 12px 25px;border:1px solid #6c815d;border-radius:9px;box-shadow:0 8px 40px #0004;font-size:13px;width:max-content;max-width:calc(100% - 24px)}.compare-bar button{border:0}.compare-clear{background:transparent;color:#c3d1c1;font-size:12px;padding:10px}.discover{background:#e9eddf;position:relative;overflow:hidden}.discover-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:95px;align-items:center}.discover-copy>p{font-size:14px;color:#5e6f5a;margin-top:20px;max-width:410px}.path-options{display:grid;gap:0;border-top:1px solid #c8d3bf;margin-top:28px}.path-option{background:transparent;border:0;border-bottom:1px solid #c8d3bf;padding:14px 0;display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:13px}.path-option:hover,.path-option[aria-pressed=true]{color:#386324}.path-option[aria-pressed=true] .path-circle{background:#26472e;color:#fff}.path-circle{width:28px;height:28px;border:1px solid #a0b196;display:grid;place-items:center;border-radius:50%;font:12px var(--en)}.path-result{padding:37px;background:var(--dark);color:#fff;border-radius:9px;position:relative;min-height:300px}.path-result .eyebrow{color:#b2c79b}.path-result-code{font:76px var(--en);letter-spacing:-5px;color:var(--lime);margin:15px 0 5px;line-height:1}.path-result h3{font-size:23px;max-width:350px}.path-result p{color:#afc0b2;font-size:13px;margin:15px 0 23px}.path-result a{color:var(--lime);font-size:13px;border-bottom:1px solid #677f49;padding-bottom:6px;display:inline-flex;gap:35px}.path-note{font-size:11px;color:#697960;margin-top:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;border-top:1px solid var(--line)}.step{padding:27px 35px 5px 0}.step+.step{border-left:1px solid var(--line);padding-left:35px}.step-number{font:13px var(--en);color:#7b8f68;display:block;margin-bottom:25px}.step h3{font-size:19px;margin-bottom:12px}.step p{font-size:13px;color:var(--muted);margin-bottom:18px}.text-link{font-size:13px;font-weight:600;border-bottom:1px solid #a9b69c;padding-bottom:5px;display:inline-flex;align-items:center;gap:18px}.faq-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;border-top:1px solid var(--line);padding-top:60px;margin-top:65px}.faq-grid h2{font-size:29px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;padding:18px 30px 18px 0;font-size:14px;position:relative;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:2px;font-size:20px;top:13px}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:13px;color:var(--muted);padding:0 28px 20px 0}.cta-panel{background:var(--lime);padding:45px 50px;border-radius:9px;display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:65px}.cta-panel h2{font-size:30px;font-weight:600;letter-spacing:-.7px}.cta-panel p{font-size:13px;margin-top:8px;color:#486037}.footer{background:var(--dark);color:#d1dacf;padding-top:50px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:65px;padding-bottom:40px}.footer p{font-size:12px;color:#9eb09f;max-width:340px;margin-top:15px}.footer h3{font-size:13px;color:#fff;margin-bottom:12px}.footer-links{display:flex;flex-direction:column;gap:9px;font-size:12px}.footer a:hover{color:var(--lime)}.footer-bottom{border-top:1px solid #ffffff1a;padding:20px 0;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#9aaf9c}.footer-bottom a{text-decoration:underline}dialog{border:0;border-radius:12px;padding:30px;width:min(1050px,calc(100% - 32px));max-height:85vh;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#06140dc9;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.dialog-head h2{font-size:24px}.dialog-close{border:1px solid var(--line);background:transparent;border-radius:50%;height:36px;width:36px;font-size:20px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;vertical-align:top;padding:18px;border:1px solid var(--line);min-width:190px}th{background:#e9eedf;font-weight:600}td:first-child,th:first-child{min-width:110px;width:140px}td a{text-decoration:underline}.detail-hero{background:var(--dark);color:white;padding:55px 0 65px}.breadcrumb{font-size:12px;color:#a7b7a5;margin-bottom:35px}.breadcrumb a{text-decoration:underline}.detail-heading{display:flex;gap:50px;align-items:center}.detail-code{font:100px var(--en);letter-spacing:-6px;color:var(--lime)}.detail-hero h1{font-size:40px;max-width:850px;margin:8px 0 13px}.detail-hero p{color:#b3c2b3;font-family:var(--en);font-size:14px}.detail-grid{display:grid;grid-template-columns:1fr 330px;gap:70px;padding:65px 0 85px}.prose{font-size:16px;line-height:1.95}.prose h2{font-size:25px;margin:30px 0 15px}.prose h2:first-child{margin-top:0}.prose p,.prose ul{margin-bottom:22px}.prose a{text-decoration:underline;text-underline-offset:3px}.detail-aside{align-self:start;padding:25px;border:1px solid var(--line);border-radius:8px;background:white}.detail-aside h2{font-size:19px;margin-bottom:18px}.detail-aside dl{font-size:13px}.detail-aside dt{color:var(--muted)}.detail-aside dd{margin:0 0 18px;font-weight:500}.detail-aside .btn{display:flex;margin-top:12px}.detail-aside small{display:block;font-size:11px;color:var(--muted);margin-top:18px}.plain-page{padding:65px 0;min-height:60vh}.plain-page h1{margin-bottom:25px}.no-js .filters,.no-js .search,.no-js .compare-check,.no-js .path-options{display:none}.no-js .result-info{display:none}
@media(min-width:1500px){.hero-grid{min-height:670px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav-links{gap:20px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{gap:0}.hero h1{font-size:49px}.orbit-core{width:155px;height:155px}.orbit-core strong{font-size:51px}.orbit-label{font-size:9px}.orbit-label b{font-size:16px}.discover-grid{gap:45px}.hero-bottom{grid-template-columns:1.2fr repeat(3,1fr)}.stat{padding-left:18px;gap:10px}.detail-grid{gap:35px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{min-height:76px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:76px;background:var(--dark);padding:20px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #64755d}.nav-links.is-open{display:flex}.nav-links a{padding:12px}.no-js .nav-links{display:flex;position:static;flex-wrap:wrap;flex-direction:row;padding:0}.no-js .nav{flex-wrap:wrap}.hero-grid{grid-template-columns:1fr;padding-top:43px;padding-bottom:35px}.hero h1{font-size:46px;letter-spacing:-1.7px}.hero-copy>p{font-size:14px;max-width:480px}.orbit-art{height:340px;max-width:420px;width:100%;margin:25px auto 0}.orbit-core{width:150px;height:150px}.hero-bottom{grid-template-columns:repeat(3,1fr);gap:5px;padding:23px 0}.hero-bottom>p{display:none}.stat{padding-left:12px;gap:7px}.stat:first-of-type{border:0;padding-left:0}.stat strong{font-size:26px}.stat span{font-size:10px}.section{padding:56px 0}.section h2{font-size:29px}.section-heading{display:block}.section-heading>p{margin-top:15px}.toolbar{align-items:flex-start;flex-direction:column}.filters{gap:6px}.filter{font-size:12px;padding:7px 13px}.search{max-width:none;width:100%}.course-grid{gap:14px}.course-body{padding:19px}.course-card h3{font-size:18px}.course-visual{height:135px;padding:19px}.course-code{font-size:42px}.course-symbol{width:110px;height:110px}.card-bottom{flex-wrap:wrap;gap:12px}.discover-grid{grid-template-columns:1fr;gap:30px}.path-result{min-height:280px}.steps{grid-template-columns:1fr;margin-top:25px}.step,.step+.step{border-left:0;padding:25px 0;border-bottom:1px solid var(--line)}.step-number{margin-bottom:12px}.faq-grid{grid-template-columns:1fr;gap:20px;margin-top:40px;padding-top:35px}.cta-panel{margin-bottom:40px;padding:30px 25px;align-items:flex-start;flex-direction:column}.cta-panel h2{font-size:26px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.compare-bar{gap:8px;padding:10px;font-size:11px;bottom:10px}.compare-bar .btn{padding:10px;font-size:11px;gap:8px}.compare-clear{font-size:10px;padding:5px}.detail-heading{display:block}.detail-code{font-size:65px}.detail-hero h1{font-size:30px}.detail-grid{grid-template-columns:1fr;padding:40px 0}.detail-aside{order:-1}.dialog-head h2{font-size:19px}}
@media(max-width:480px){.course-grid{grid-template-columns:1fr}.hero h1{font-size:42px}.hero .actions{gap:10px}.btn{padding:12px 17px;gap:18px}.course-visual{height:150px}.course-symbol{width:150px;height:150px}.course-description{min-height:0}.card-bottom{flex-wrap:nowrap}.eyebrow{font-size:10px;letter-spacing:1.8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}