/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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%;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;-webkit-text-decoration:inherit;-webkit-text-decoration: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]){appearance:button}::file-selector-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{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--ink:#102b23;--muted:#536a63;--green:#0d8058;--green-deep:#064f39;--paper:#fbfdfb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#eaf5ee;margin:0;font-family:Noto Sans Thai,Leelawadee UI,Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}.portal-shell{background:radial-gradient(circle at 8% 8%,#ffd22647,#0000 24rem),radial-gradient(circle at 92% 15%,#19a96f3d,#0000 27rem),linear-gradient(#f8fcf9 0%,#eaf6ee 56%,#dcefe3 100%);min-height:100vh;position:relative;overflow:hidden}.portal-shell:before{pointer-events:none;content:"";opacity:.43;background-image:linear-gradient(#12694c0f 1px,#0000 1px),linear-gradient(90deg,#12694c0f 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 68%);mask-image:linear-gradient(#000,#0000 68%)}.ambient{filter:blur(1px);pointer-events:none;border-radius:999px;position:absolute}.ambient-one{border:44px solid #f2ba153b;width:260px;height:260px;top:38%;left:-190px}.ambient-two{border:54px solid #d845882e;width:340px;height:340px;bottom:4%;right:-250px}.portal-content{z-index:1;width:min(1180px,100% - 40px);margin:0 auto;padding:28px 0 24px;position:relative}.brand-bar{justify-content:space-between;align-items:center;gap:24px;display:flex}.brand-lockup{align-items:center;gap:14px;display:flex}.brand-logo-wrap{background:#ffffffeb;border:2px solid #0a704c40;border-radius:24px;flex:none;place-items:center;width:82px;height:82px;padding:7px;display:grid;box-shadow:0 14px 34px #07523938}.brand-logo{object-fit:contain;filter:saturate(1.12)contrast(1.05);width:100%;height:100%;display:block}.school-name{color:#0c4533;margin:0;font-size:17px;font-weight:800}.school-name-en{color:#5c756d;letter-spacing:.15em;margin:3px 0 0;font-family:Arial,sans-serif;font-size:9px;font-weight:700}.online-pill{color:#176347;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc2;border:1px solid #0d805847;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 9px 27px #125b431f}.online-pill i{background:#28a66f;border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 5px #28a66f1c}.hero{text-align:center;padding:64px 20px 46px}.hero-kicker{color:#5d766e;letter-spacing:.23em;margin:0 0 8px;font-family:Arial,sans-serif;font-size:11px;font-weight:800}.hero h1{color:#073e2d;letter-spacing:-.055em;margin:0;font-family:Arial,sans-serif;font-size:clamp(48px,7vw,78px);font-weight:830;line-height:1}.hero h1 span{color:var(--green)}.hero-thai{color:#0d5039;margin:15px 0 0;font-size:clamp(20px,2.2vw,28px);font-weight:800}.hero-description{color:var(--muted);margin:14px auto 0;font-size:15px;line-height:1.8}.service-tags{color:#2c6755;flex-wrap:wrap;justify-content:center;align-items:center;gap:11px;margin-top:22px;font-size:12px;font-weight:700;display:flex}.service-tags i{background:#449375;border-radius:99px;width:4px;height:4px}.system-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.system-card{--accent:#b98a00;--soft:#ffefaa;--border:#e1bd3d;border:1.5px solid var(--border);background:linear-gradient(145deg, #fffffffa 12%, var(--soft));border-radius:30px;flex-direction:column;min-height:345px;padding:28px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 52px #154a3a24}.system-card:before{content:"";background:var(--soft);opacity:.86;border-radius:999px;width:190px;height:190px;transition:transform .26s;position:absolute;top:-100px;right:-90px}.system-card:hover,.system-card:focus-visible{border-color:var(--accent);outline:none;transform:translateY(-7px);box-shadow:0 26px 60px #1c514126}.system-card:hover:before,.system-card:focus-visible:before{transform:scale(1.15)}.system-card.green{--accent:#08784f;--soft:#bfead0;--border:#63bd8d}.system-card.pink{--accent:#b83e78;--soft:#f7c9dc;--border:#df83aa}.card-number{z-index:1;color:var(--accent);letter-spacing:.12em;opacity:.76;font-family:Arial,sans-serif;font-size:12px;font-weight:800;position:absolute;top:28px;right:28px}.icon-wrap{z-index:1;border:1px solid var(--border);width:62px;height:62px;color:var(--accent);box-shadow:0 12px 26px var(--accent);background:#ffffffeb;border-radius:20px;place-items:center;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.icon-wrap{box-shadow:0 12px 26px color-mix(in srgb, var(--accent) 13%, transparent)}}.icon-wrap svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:29px;height:29px}.card-copy{z-index:1;margin-top:28px;position:relative}.card-eyebrow{letter-spacing:.13em;text-transform:uppercase;margin:0 0 7px;font-family:Arial,sans-serif;font-weight:800;color:var(--accent)!important;font-size:10px!important}.card-copy h2{color:#0d392d;letter-spacing:-.02em;margin:0;font-size:clamp(21px,2vw,25px);font-weight:850}.card-copy p{color:#526560;margin:12px 0 0;font-size:13px;line-height:1.75}.card-action{z-index:1;color:#163f34;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:25px;font-size:13px;font-weight:800;display:flex;position:relative}.arrow-wrap{background:var(--accent);color:#fff;border-radius:13px;place-items:center;width:38px;height:38px;transition:transform .22s;display:grid}.system-card:hover .arrow-wrap,.system-card:focus-visible .arrow-wrap{transform:translate(4px)}.arrow-wrap svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.help-note{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #187d5833;border-radius:18px;align-items:center;gap:12px;width:fit-content;max-width:100%;margin:26px auto 0;padding:12px 18px 12px 12px;display:flex;box-shadow:0 12px 34px #1a57441c}.help-icon{color:#1d815e;background:#e7f5ed;border-radius:12px;flex:none;place-items:center;width:34px;height:34px;font-family:Arial,sans-serif;font-size:15px;font-weight:900;display:grid}.help-note strong{color:#31564b;font-size:12px;display:block}.help-note p{color:#61766f;margin:2px 0 0;font-size:11px}footer{color:#536e65;border-top:1px solid #2a68541a;justify-content:space-between;align-items:center;gap:20px;margin-top:48px;padding-top:20px;font-size:11px;display:flex}footer p{margin:0}.copyright{font-family:Arial,sans-serif}@media (width<=900px){.system-grid{grid-template-columns:1fr;max-width:650px;margin:0 auto}.system-card{min-height:290px}.hero{padding-top:52px}}@media (width<=600px){.portal-content{width:min(100% - 28px,1180px);padding-top:18px}.brand-logo-wrap{border-radius:20px;width:68px;height:68px;padding:6px}.school-name{max-width:165px;font-size:14px}.school-name-en{display:none}.online-pill{padding:7px 10px;font-size:10px}.hero{padding:46px 4px 34px}.hero h1{font-size:clamp(43px,14vw,62px)}.hero-thai{margin-top:12px;font-size:20px}.hero-description{font-size:13px}.desktop-break{display:none}.system-card{border-radius:25px;min-height:315px;padding:24px}.card-number{top:24px;right:24px}.help-note{align-items:flex-start}footer{flex-direction:column;align-items:flex-start;margin-top:38px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}