:root{--green-900:#01231c;--green-800:#013d33;--green-700:#026451;--green-600:#048269;--green-500:#0aa183;--green-400:#38c0a3;--green-300:#7adac4;--green-200:#b8ebde;--green-100:#def5ee;--green-50:#eef7f2;--green-glow:#02645159;--green-glow-strong:#0aa1838c;--ink-900:#0b1a13;--ink-800:#18241d;--ink-700:#2a382f;--ink-600:#4a5a51;--ink-500:#6b7a71;--ink-400:#97a299;--ink-300:#c8cfca;--ink-200:#e4e8e5;--ink-100:#f1f3f1;--ink-50:#fafbfa;--bg:#fff;--bg-alt:#f3f3e9;--bg-dark:#01231c;--crest-navy:#1c2a4e;--crest-red:#8a1f2b;--accent-amber:#f5b800;--surface-card:#fff;--surface-tinted:var(--green-50);--border-soft:#0b1a1314;--border-strong:#0b1a1324;--grad-hero:linear-gradient(135deg, #0a4d28 0%, #0f7a3e 45%, #22a85a 100%);--grad-mesh:radial-gradient(at 20% 10%, #22a85a59 0px, transparent 50%), radial-gradient(at 90% 20%, #0f7a3e66 0px, transparent 55%), radial-gradient(at 60% 100%, #4cc5794d 0px, transparent 50%);--grad-text:linear-gradient(90deg, #0f7a3e 0%, #22a85a 100%);--font-th:"Prompt", system-ui, -apple-system, "Segoe UI", sans-serif;--font-en:"Prompt", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:var(--font-th);--font-body:var(--font-th);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--r-sm:8px;--r-md:14px;--r-lg:22px;--r-xl:32px;--r-pill:999px;--shadow-sm:0 1px 2px #0b1a130d, 0 1px 3px #0b1a130f;--shadow-md:0 8px 24px -8px #0b1a1326, 0 2px 6px #0b1a130f;--shadow-lg:0 24px 60px -20px #0b1a1338, 0 6px 16px #0b1a1314;--shadow-glow:0 0 0 1px var(--green-300), 0 12px 32px -8px var(--green-glow);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--anim-mult:1}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--ink-900);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.6}img{max-width:100%;display:block}a{color:var(--green-700);text-decoration:none}button{font-family:var(--font-body);cursor:pointer}h1,h2,h3,h4,h5{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:700;line-height:1.15}.container{max-width:1240px;margin:0 auto;padding:0 24px}.container-narrow{max-width:920px;margin:0 auto;padding:0 24px}.nav{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(16px);border-bottom:1px solid var(--border-soft);transition:box-shadow .3s var(--ease-out), background .3s var(--ease-out);background:#ffffffd9;position:sticky;top:0}.nav.scrolled{background:#fffffff2;box-shadow:0 6px 20px -10px #0b1a131f}.nav-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1600px;height:76px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand img{width:48px;height:48px}.brand-text{flex-direction:column;line-height:1.15;display:flex}.brand-th{color:var(--ink-900);letter-spacing:-.01em;font-size:14px;font-weight:700}.brand-th>span{white-space:nowrap}.brand-en{color:var(--ink-500);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:500}.nav-links{flex-wrap:nowrap;align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.nav-link{white-space:nowrap;color:var(--ink-700);border-radius:var(--r-pill);transition:color .25s var(--ease-out), background .25s var(--ease-out);padding:10px 14px;font-size:16px;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--green-700);background:var(--green-50)}@media (width<=1080px){.nav-links,.nav-cta,.nav-right{display:none}.nav-burger{display:inline-flex}}@media (width>=1081px) and (width<=1420px){.nav-inner{gap:12px}.nav-links{gap:1px}.nav-link{padding:9px 10px;font-size:14px}.nav-link .nav-chev{margin-left:1px}.nav-right{gap:6px}.nav-util-link{padding:8px 10px;font-size:13px}.nav-util-link span{display:none}.nav-cta{white-space:nowrap;padding:10px 16px;font-size:14px}.nav .brand-text{display:none}}.nav-link.active:after{content:"";background:var(--green-700);border-radius:50%;width:6px;height:6px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.nav-right{align-items:center;gap:10px;display:flex}.nav-util-link{color:var(--ink-700);border:1px solid var(--border-soft);border-radius:var(--r-pill);white-space:nowrap;cursor:pointer;transition:color .25s var(--ease-out), background .25s var(--ease-out), border-color .25s var(--ease-out);background:0 0;align-items:center;gap:6px;padding:9px 12px;font-size:14px;font-weight:500;display:inline-flex}.nav-util-link:hover,.nav-util-link.is-open{color:var(--green-700);background:var(--green-50);border-color:var(--green-100,var(--border-soft))}.nav-util-link .nav-chev{width:13px;height:13px;transition:transform .25s var(--ease-out);margin-left:2px}.nav-util-link.is-open .nav-chev{transform:rotate(180deg)}.nav-student-util .nav-mini-dd{left:auto;right:0;transform:translate(0)translateY(-8px)}.nav-student-util .nav-mini-dd.open{transform:translate(0)translateY(0)}.nav-cta{background:var(--green-700);color:#fff;border-radius:var(--r-pill);box-shadow:0 6px 16px -6px var(--green-glow);transition:transform .25s var(--ease-spring), box-shadow .25s var(--ease-out), background .25s var(--ease-out);border:none;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.nav-cta:hover{background:var(--green-800);box-shadow:0 10px 24px -8px var(--green-glow-strong);transform:translateY(-2px)}.nav-burger{color:var(--ink-900);background:0 0;border:none;padding:8px;display:none}.nav-li-dd{position:relative}.nav-link .nav-chev{width:14px;height:14px;transition:transform .25s var(--ease-out);vertical-align:-2px;margin-left:4px}.nav-link.is-open .nav-chev{transform:rotate(180deg)}.nav-dd-scrim{backdrop-filter:blur(2px);z-index:40;animation:nav-dd-scrim-in .25s var(--ease-out) forwards;background:#0b1a132e;position:fixed;inset:0}@keyframes nav-dd-scrim-in{0%{opacity:0}to{opacity:1}}.nav-dd{background:var(--surface-card);border:1px solid var(--border-soft);opacity:0;pointer-events:none;z-index:55;width:min(880px,92vw);transition:opacity .25s var(--ease-out), transform .3s var(--ease-spring);border-radius:22px;padding:28px 32px 20px;position:fixed;top:76px;left:50%;transform:translate(-50%)translateY(-8px);box-shadow:0 28px 60px -12px #0b1a1338,0 8px 18px -6px #0b1a1314}.nav-dd:before{content:"";pointer-events:none;background:0 0;height:32px;position:absolute;top:-32px;left:0;right:0}.nav-dd.open:before{pointer-events:auto}.nav.scrolled .nav-dd{top:76px}.nav-dd.open{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.nav-dd-inner{flex-direction:column;gap:16px;display:flex}.nav-dd-grid{border-bottom:1px solid var(--border-soft);grid-template-columns:1.1fr 1.1fr .7fr;gap:20px;padding-bottom:18px;display:grid}@media (width<=1024px){.nav-dd-grid{grid-template-columns:1fr 1fr}.nav-dd-grid>.nav-dd-col:last-child{grid-column:1/-1}}.nav-dd-col{flex-direction:column;gap:16px;display:flex}.nav-dd-level{border-bottom:2px solid var(--lvl);align-items:baseline;gap:10px;padding-bottom:12px;display:flex}.nav-dd-level-th{color:var(--ink-900);letter-spacing:-.01em;font-size:18px;font-weight:800}.nav-dd-level-en{color:var(--lvl);letter-spacing:.12em;text-transform:uppercase;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:600}.nav-dd-group{flex-direction:column;gap:4px;display:flex}.nav-dd-cat{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-500);margin-bottom:4px;font-size:11px;font-weight:800}.nav-dd-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.nav-dd-item{color:var(--ink-700);border-radius:8px;align-items:center;gap:10px;margin:0 -10px;padding:8px 10px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s,transform .15s;display:flex}.nav-dd-item:hover{background:var(--green-50);color:var(--ink-900);transform:translate(2px)}.nav-dd-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 2px #fff,0 0 0 3px #0b1a1314}.nav-dd-foot{justify-content:space-between;align-items:center;gap:16px;padding-top:8px;display:flex}.nav-dd-all{color:var(--green-700);align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.nav-dd-all:hover{color:var(--green-800)}.nav-dd-all svg{transition:transform .2s var(--ease-spring)}.nav-dd-all:hover svg{transform:translate(4px)}.nav-dd-apply{background:var(--green-700);color:#fff;transition:background .2s, transform .2s var(--ease-spring);border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.nav-dd-apply:hover{background:var(--green-800);transform:translateY(-1px)}.cine-main .nav-dd{color:#fff;background:#0f0f0ff5;border-color:#ffffff1a}.cine-main .nav-dd-level-th{color:#fff}.cine-main .nav-dd-cat{color:#ffffff80}.cine-main .nav-dd-item{color:#ffffffbf}.cine-main .nav-dd-item:hover{color:#fff;background:#ffffff0f}.cine-main .nav-dd-dot{box-shadow:0 0 0 2px #0a0a0a,0 0 0 3px #ffffff26}.cine-main .nav-dd-grid{border-bottom-color:#ffffff1a}.cine-main .nav-dd-all{color:var(--green-300)}.cine-main .nav-dd-all:hover{color:#fff}.nav-mini-dd{background:var(--surface-card);border:1px solid var(--border-soft);opacity:0;pointer-events:none;z-index:55;width:320px;transition:opacity .22s var(--ease-out), transform .3s var(--ease-spring);border-radius:18px;padding:10px;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%)translateY(-8px);box-shadow:0 28px 60px -12px #0b1a1338,0 8px 18px -6px #0b1a1314}.nav-mini-dd:before{content:"";background:0 0;height:16px;position:absolute;top:-16px;left:0;right:0}.nav-mini-dd.open{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.nav-mini-head{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-500);padding:8px 12px 6px;font-size:11px;font-weight:800}.nav-mini-item{transition:background .16s, transform .16s var(--ease-spring);border-radius:13px;align-items:center;gap:13px;padding:11px 12px;text-decoration:none;display:flex}.nav-mini-item:hover{background:var(--green-50);transform:translate(2px)}.nav-mini-ic{background:color-mix(in srgb, var(--mc) 14%, transparent);width:42px;height:42px;color:var(--mc);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.nav-mini-tx{flex-direction:column;gap:2px;min-width:0;display:flex}.nav-mini-tx strong{color:var(--ink-900);font-size:14.5px;font-weight:700;line-height:1.2}.nav-mini-tx span{color:var(--ink-500);font-size:11.5px;line-height:1.35}.nav-mini-ext{width:15px;height:15px;color:var(--ink-300);transition:transform .2s var(--ease-spring), color .2s;flex-shrink:0;margin-left:2px}.nav-mini-item:hover .nav-mini-ext{color:var(--green-700);transform:translate(2px,-2px)}.cine-main .nav-mini-dd{background:#0f0f0ff5;border-color:#ffffff1a}.cine-main .nav-mini-head{color:#ffffff73}.cine-main .nav-mini-item:hover{background:#ffffff0f}.cine-main .nav-mini-tx strong{color:#fff}.cine-main .nav-mini-tx span{color:#ffffff8c}@media (width<=1080px){.nav-dd,.nav-dd-scrim,.nav-mini-dd{display:none}}.btn{border-radius:var(--r-pill);transition:transform .25s var(--ease-spring), box-shadow .25s var(--ease-out), background .25s var(--ease-out), color .25s var(--ease-out);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 26px;font-size:15px;font-weight:600;display:inline-flex}.btn-primary{background:var(--green-700);color:#fff;box-shadow:0 8px 20px -6px var(--green-glow)}.btn-primary:hover{background:var(--green-800);box-shadow:0 14px 30px -8px var(--green-glow-strong);transform:translateY(-2px)}.btn-ghost{color:var(--ink-900);border:1.5px solid var(--border-strong);background:0 0}.btn-ghost:hover{border-color:var(--green-700);color:var(--green-700);background:var(--green-50)}.btn-white{background:var(--surface-card);color:var(--green-800)}.btn-white:hover{background:var(--green-50);transform:translateY(-2px)}.btn-lg{padding:18px 34px;font-size:17px}.btn-icon{width:18px;height:18px;transition:transform .25s var(--ease-spring)}.btn:hover .btn-icon{transform:translate(3px)}.hero-play-btn{position:relative;padding-left:56px!important}.hero-play-icon{background:var(--green-700);color:#fff;width:38px;height:38px;box-shadow:0 4px 12px -2px var(--green-glow);transition:transform .25s var(--ease-spring);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.hero-play-btn:hover .hero-play-icon{background:var(--green-800);transform:translateY(-50%)scale(1.1)}.hero-play-icon:before{content:"";border:2px solid var(--green-300);border-radius:50%;animation:2s ease-out infinite hero-play-ping;position:absolute;inset:-4px}@keyframes hero-play-ping{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.section{padding:var(--space-9) 0;position:relative}.section-sm{padding:var(--space-8) 0}.eyebrow{background:var(--green-100);color:var(--green-800);border-radius:var(--r-pill);letter-spacing:.02em;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--green-700);border-radius:50%;width:6px;height:6px}.section-title{letter-spacing:-.02em;margin-top:16px;font-size:clamp(32px,4vw,52px);font-weight:800}.section-sub{color:var(--ink-600);text-wrap:pretty;max-width:620px;margin-top:14px;font-size:18px}.reveal{opacity:0;transform:translateY(calc(28px * var(--anim-mult)));transition-property:opacity,transform;transition-duration:.7s;transition-timing-function:var(--ease-out);transition-delay:var(--reveal-delay,0s)}.reveal.in{opacity:1;transform:translateY(0)}.reveal-left{transform:translateX(calc(-40px * var(--anim-mult)))}.reveal-left.in{transform:translate(0)}.reveal-right{transform:translateX(calc(40px * var(--anim-mult)))}.reveal-right.in{transform:translate(0)}.reveal-scale{transform:scale(calc(1 - .04 * var(--anim-mult)))}.reveal-scale.in{transform:scale(1)}:root[style*="--anim-mult: 0"] .reveal,:root[style*=--anim-mult\:0] .reveal{transition-duration:0s}:root[style*="--anim-mult: 0.55"] .reveal,:root[style*="--anim-mult:0.55"] .reveal{transition-duration:.4s}@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}}.footer{background:var(--bg-dark);color:#fff;padding:80px 0 32px;position:relative;overflow:hidden}.footer:before{content:"";pointer-events:none;background:radial-gradient(at 30% 0,#22a85a2e 0,#0000 50%),radial-gradient(at 80% 100%,#0f7a3e2e 0,#0000 50%);position:absolute;inset:0}.footer-inner{position:relative}.footer-grid{border-bottom:1px solid #ffffff1a;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px;display:grid}.footer h4{letter-spacing:.1em;text-transform:uppercase;color:var(--green-300);margin-bottom:18px;font-size:12px}.footer-accordion{min-width:0}.footer-accordion summary{min-height:44px;color:var(--green-300);cursor:pointer;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;gap:12px;padding:0 0 12px;font-size:12px;font-weight:700;list-style:none;display:flex}.footer-accordion summary::-webkit-details-marker{display:none}.footer-accordion summary::marker{content:""}.footer-accordion summary:after{content:"+";color:#fffc;flex:none;font-size:21px;font-weight:400;line-height:1}.footer-accordion[open] summary{margin-bottom:18px}.footer-accordion[open] summary:after{content:"−"}.footer-accordion summary:hover{color:#fff}.footer-accordion summary:focus-visible{outline:3px solid var(--green-300);outline-offset:5px}.footer-brand .brand-th{color:#fff;font-size:14px}.footer-brand .brand-en{color:#fff9}.footer-brand p{color:#ffffffb3;max-width:320px;margin-top:14px;font-size:14px;line-height:1.7}.footer ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.footer ul a{color:#ffffffbf;font-size:14px;transition:color .2s}.footer ul a:hover{color:var(--green-300)}.footer-contact{color:#ffffffbf;flex-direction:column;gap:10px;font-size:14px;display:flex}.footer-contact strong{color:#fff;font-weight:600}.footer-bottom{color:#ffffff8c;justify-content:space-between;align-items:center;padding-top:28px;font-size:13px;display:flex}.footer-legal{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.footer-legal a{color:#ffffff8c;text-decoration:underline}.footer-legal a:hover{color:#fff}.footer-socials{gap:10px;display:flex}.footer-socials a{color:#fff;width:38px;height:38px;transition:background .25s, transform .25s var(--ease-spring);background:#ffffff14;border-radius:50%;place-items:center;display:grid}.footer-socials a:hover{background:var(--green-600);transform:translateY(-3px)}.mnav-scrim{backdrop-filter:blur(4px);z-index:100;background:#0b1a1373;animation:.3s forwards mnav-scrim-in;position:fixed;inset:0}@keyframes mnav-scrim-in{0%{opacity:0}to{opacity:1}}.mnav-drawer{background:var(--surface-card);z-index:101;-webkit-overflow-scrolling:touch;flex-direction:column;width:min(340px,86vw);animation:.35s cubic-bezier(.22,1,.36,1) forwards mnav-in;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-16px 0 40px -10px #0b1a1333}@keyframes mnav-in{0%{transform:translate(100%)}to{transform:translate(0)}}.mnav-head{border-bottom:1px solid var(--border-soft);background:var(--surface-card);z-index:2;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.mnav-brand{align-items:center;gap:10px;display:flex}.mnav-brand img{width:36px;height:36px}.mnav-brand-th{color:var(--ink-900);font-size:15px;font-weight:700;line-height:1.2}.mnav-brand-en{color:var(--ink-500);letter-spacing:.08em;font-size:10px}.mnav-close{background:var(--green-50);border:1px solid var(--green-200);width:40px;height:40px;color:var(--ink-900);cursor:pointer;border-radius:12px;place-items:center;display:grid}.mnav-close:active{background:var(--green-100)}.mnav-list{flex-direction:column;flex:1;gap:2px;padding:12px;display:flex}.mnav-item{width:100%;color:var(--ink-900);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.mnav-item:hover,.mnav-item:active{background:var(--green-50)}.mnav-item.active{background:var(--green-50);color:var(--green-700)}.mnav-chev{transition:transform .25s var(--ease-out)}.mnav-chev.open{transform:rotate(180deg)}.mnav-sub{background:var(--bg-alt);border-radius:12px;flex-direction:column;gap:12px;margin:4px 8px 12px;padding:12px;display:flex}.mnav-sub-group{flex-direction:column;display:flex}.mnav-sub-lvl{letter-spacing:.12em;text-transform:uppercase;border-left:3px solid;margin-bottom:4px;padding:6px 12px;font-size:10px;font-weight:800}.mnav-sub-lvl span{opacity:.7;letter-spacing:.06em;font-weight:500}.mnav-sub-item{color:var(--ink-700);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.mnav-sub-item:active{background:var(--surface-card)}.mnav-sub-all{border-top:1px solid var(--border-soft);color:var(--green-700);justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.mnav-sub-all svg{flex-shrink:0}.mnav-sub-all:hover,.mnav-sub-all:active{background:var(--surface-card);border-radius:8px}.mnav-dot{width:8px;height:8px;box-shadow:0 0 0 2px var(--bg-alt), 0 0 0 3px #0b1a130f;border-radius:50%;flex-shrink:0}.mnav-sub-sys{align-items:center;gap:12px;padding:12px}.mnav-sys-ic{background:color-mix(in srgb, var(--mc) 14%, transparent);width:38px;height:38px;color:var(--mc);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.mnav-sys-tx{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.mnav-sys-tx strong{color:var(--ink-900);font-size:14.5px;font-weight:700}.mnav-sys-tx em{color:var(--ink-500);font-size:11px;font-style:normal;line-height:1.3}.mnav-sys-ext{width:15px;height:15px;color:var(--ink-300);flex-shrink:0}.cine-main .mnav-sys-tx strong{color:#fff}.cine-main .mnav-sys-tx em{color:#ffffff80}.mnav-foot{border-top:1px solid var(--border-soft);background:var(--surface-card);flex-direction:column;gap:14px;padding:16px 20px 24px;display:flex;position:sticky;bottom:0}.mnav-apply{background:var(--green-700);color:#fff;box-shadow:0 8px 20px -6px var(--green-glow-strong);border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.mnav-apply:active{background:var(--green-800)}.mnav-contact{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mnav-contact a{background:var(--bg-alt);border:1px solid var(--border-soft);color:var(--ink-700);border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.cine-main .mnav-drawer{color:#fff;background:#0a0a0a}.cine-main .mnav-head{background:#0a0a0a;border-bottom-color:#ffffff14}.cine-main .mnav-brand-th{color:#fff}.cine-main .mnav-brand-en{color:#ffffff8c}.cine-main .mnav-close{color:#fff;background:#ffffff0f;border-color:#ffffff1f}.cine-main .mnav-item{color:#ffffffd9}.cine-main .mnav-item:hover,.cine-main .mnav-item:active,.cine-main .mnav-item.active{color:#fff;background:#ffffff14}.cine-main .mnav-sub{background:#ffffff0a}.cine-main .mnav-sub-item{color:#ffffffb3}.cine-main .mnav-sub-all{color:#8ed7b8;border-top-color:#ffffff1a}.cine-main .mnav-sub-all:hover,.cine-main .mnav-sub-all:active{background:#ffffff0f}.cine-main .mnav-dot{box-shadow:0 0 0 2px #0a0a0a,0 0 0 3px #ffffff26}.cine-main .mnav-foot{background:#0a0a0a;border-top-color:#ffffff14}.cine-main .mnav-contact a{color:#ffffffd9;background:#ffffff0a;border-color:#ffffff1a}.sticky-bubble{z-index:60;font-family:var(--font-th);pointer-events:none;flex-direction:column;align-items:flex-end;gap:14px;display:flex;position:fixed;bottom:24px;right:24px}.bubble-trigger,.bubble-teaser,.bubble-fab{pointer-events:auto}.bubble-trigger{background:var(--green-700);cursor:pointer;width:64px;height:64px;box-shadow:0 16px 36px -10px var(--green-glow-strong), 0 6px 14px -4px #0b1a132e, inset 0 -3px 0 #0000001f;transition:transform .25s var(--ease-spring), box-shadow .25s var(--ease-out);border:none;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.bubble-trigger:hover{transform:translateY(-3px)scale(1.05)}.bubble-trigger:active{transform:translateY(-1px)scale(1.02)}.sticky-bubble.open .bubble-trigger{background:var(--ink-900);color:#fff;width:56px;height:56px}.bubble-rings{pointer-events:none;position:absolute;inset:0}.bubble-rings .ring{border:2px solid var(--green-400);opacity:0;border-radius:50%;animation:3s cubic-bezier(.22,1,.36,1) infinite bubble-ring;position:absolute;inset:0}.bubble-rings .ring:nth-child(2){animation-delay:1.5s}@keyframes bubble-ring{0%{opacity:0;transform:scale(.85)}20%{opacity:.8}to{opacity:0;transform:scale(1.8)}}.sticky-bubble.open .bubble-rings{display:none}.bubble-chat-icon{z-index:2;width:30px;height:30px;animation:3.6s ease-in-out infinite chat-wiggle;position:relative}@keyframes chat-wiggle{0%,88%,to{transform:rotate(0)}92%{transform:rotate(-10deg)}96%{transform:rotate(8deg)}}.bubble-badge{background:var(--accent-amber,#f5b800);color:var(--ink-900);letter-spacing:.04em;z-index:3;border:2px solid #fff;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800;animation:2s ease-in-out infinite badge-bounce;position:absolute;top:-6px;right:-10px;box-shadow:0 4px 10px -2px #f5b80066}@keyframes badge-bounce{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-4px)rotate(6deg)}}.bubble-online-dot{z-index:3;background:#22c55e;border:2.5px solid #fff;border-radius:50%;width:12px;height:12px;animation:2.2s ease-out infinite online-blink;position:absolute;bottom:4px;right:4px;box-shadow:0 0 #22c55eb3}@keyframes online-blink{0%,to{box-shadow:0 0 #22c55eb3}50%{box-shadow:0 0 0 6px #22c55e00}}.bubble-teaser{background:var(--surface-card);color:var(--ink-900);border:1px solid var(--border-soft);cursor:pointer;transform-origin:100% 100%;animation:teaser-pop .5s var(--ease-spring) forwards;border-radius:22px;align-items:center;gap:8px;max-width:280px;padding:10px 16px 10px 18px;font-size:14px;font-weight:600;display:inline-flex;position:relative;box-shadow:0 14px 36px -10px #0b1a132e,0 4px 10px -2px #0b1a1314}.bubble-teaser:after{content:"";background:var(--surface-card);border-right:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);width:16px;height:16px;position:absolute;bottom:-8px;right:22px;transform:rotate(45deg)}.bubble-teaser-x{background:var(--ink-100);width:20px;height:20px;color:var(--ink-600);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;place-items:center;padding:0;display:grid}.bubble-teaser-x:hover{background:var(--ink-200)}@keyframes teaser-pop{0%{opacity:0;transform:scale(.7)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.bubble-stack{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.bubble-fab{opacity:0;animation:.45s cubic-bezier(.34,1.56,.64,1) forwards fab-pop;animation-delay:calc(var(--i,0) * 60ms);align-items:center;gap:12px;text-decoration:none;display:inline-flex;transform:scale(.4)translateY(20px)}@keyframes fab-pop{to{opacity:1;transform:scale(1)translateY(0)}}.fab-label{background:var(--surface-card);border:1px solid var(--border-soft);opacity:0;transition:opacity .25s var(--ease-out), transform .25s var(--ease-out);pointer-events:none;border-radius:14px;flex-direction:column;align-items:flex-end;padding:8px 14px;display:inline-flex;transform:translate(10px);box-shadow:0 6px 18px -8px #0b1a132e}.bubble-fab:hover .fab-label{opacity:1;transform:translate(0)}.fab-label strong{color:var(--ink-900);white-space:nowrap;font-size:14px;font-weight:700;line-height:1.2}.fab-label em{color:var(--ink-500);margin-top:1px;font-size:12px;font-style:normal}.fab-icon{background:var(--surface-card);width:52px;height:52px;color:var(--green-700);border:1px solid var(--border-soft);transition:transform .25s var(--ease-spring), box-shadow .25s var(--ease-out);border-radius:50%;flex-shrink:0;place-items:center;display:grid;box-shadow:0 10px 24px -8px #0b1a1333,0 4px 8px -2px #0b1a1314,inset 0 -2px #0000000d}.bubble-fab:hover .fab-icon{transform:scale(1.1)rotate(-6deg)}.fab-green{--fab-brand:var(--green-700);--fab-brand-shadow:#0f7a3e61}.fab-fb{--fab-brand:#1877f2;--fab-brand-shadow:#1877f26b}.fab-line{--fab-brand:#06c755;--fab-brand-shadow:#06c75561}.fab-instagram{--fab-brand:#d62976;--fab-brand-shadow:#d6297666}.fab-green .fab-icon,.fab-fb .fab-icon,.fab-line .fab-icon,.fab-instagram .fab-icon{background:var(--fab-brand);color:#fff;border-color:color-mix(in srgb, var(--fab-brand) 82%, #000);box-shadow:0 12px 26px -8px var(--fab-brand-shadow), 0 4px 8px -2px #0b1a131a, inset 0 -2px 0 #0000001f}.fab-green:not(.primary) .fab-label,.fab-fb:not(.primary) .fab-label,.fab-line:not(.primary) .fab-label,.fab-instagram:not(.primary) .fab-label{background:var(--fab-brand);border-color:color-mix(in srgb, var(--fab-brand) 82%, #000);box-shadow:0 8px 22px -8px var(--fab-brand-shadow)}.fab-green:not(.primary) .fab-label strong,.fab-fb:not(.primary) .fab-label strong,.fab-line:not(.primary) .fab-label strong,.fab-instagram:not(.primary) .fab-label strong{color:#fff}.fab-green:not(.primary) .fab-label em,.fab-fb:not(.primary) .fab-label em,.fab-line:not(.primary) .fab-label em,.fab-instagram:not(.primary) .fab-label em{color:#ffffffdb}.fab-green:hover .fab-icon,.fab-fb:hover .fab-icon,.fab-line:hover .fab-icon,.fab-instagram:hover .fab-icon{box-shadow:0 16px 32px -8px var(--fab-brand-shadow), 0 5px 10px -2px #0b1a131f, inset 0 -2px 0 #0000001f}.bubble-fab.primary{background:linear-gradient(135deg, var(--green-700), var(--green-500));box-shadow:0 16px 36px -8px var(--green-glow-strong), inset 0 -2px 0 #0000002e;border-radius:999px;gap:0;margin-top:4px;padding:6px 6px 6px 18px;position:relative;overflow:visible}.bubble-fab.primary:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(at 100%,#f5b80059,#0000 55%);position:absolute;inset:0}.bubble-fab.primary:after{content:"ใหม่!";background:var(--accent-amber,#f5b800);color:var(--ink-900);letter-spacing:.04em;z-index:5;border:2px solid #fff;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800;animation:2s ease-in-out infinite badge-bounce;position:absolute;top:-8px;left:-10px;box-shadow:0 4px 10px -2px #f5b80080}.bubble-fab.primary .fab-label{box-shadow:none;opacity:1;pointer-events:none;background:0 0;border:none;align-items:flex-start;padding:4px 14px 4px 6px;position:relative;transform:none}.bubble-fab.primary .fab-label strong{color:#fff;font-size:15px}.bubble-fab.primary .fab-label em{color:#fffc;margin-top:2px;font-size:13px;font-style:normal}.bubble-fab.primary .fab-icon{background:var(--surface-card);width:52px;height:52px;color:var(--green-700);z-index:2;border:none;position:relative;box-shadow:0 4px 10px -2px #00000026}.bubble-fab.primary:hover{box-shadow:0 22px 44px -10px var(--green-glow-strong), inset 0 -2px 0 #0000002e;transform:translateY(-2px)}.bubble-fab.primary:hover .fab-icon{transform:scale(1.1)rotate(8deg)}.fab-green.primary .fab-icon:after{display:none}.bubble-fab.primary .fab-icon:before{content:"";pointer-events:none;border:2px solid #fff;border-radius:50%;width:100%;height:100%;animation:2.4s ease-out infinite fab-ping-white;position:absolute}@keyframes fab-ping-white{0%{opacity:0;transform:scale(.95)}20%{opacity:.85}to{opacity:0;transform:scale(1.6)}}@media (width<=700px){.bubble-fab.primary .fab-label strong{font-size:13px}.sticky-bubble{right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px))}.bubble-teaser{max-width:calc(100vw - 100px)}.fab-label{opacity:1;pointer-events:auto;transform:translate(0)}}@media (width<=1080px){.nav-links,.nav-cta{display:none}.nav-burger{display:inline-flex}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-bottom{flex-direction:column;gap:16px}}@media (width<=700px){.footer-grid{grid-template-columns:1fr}.section{padding:64px 0}}#cookie-consent{font-family:var(--font-th);color:var(--ink-900)}#cookie-consent [hidden]{display:none!important}.cookie-banner,.cookie-dialog{border:1px solid var(--ink-200);background:#fff;border-radius:18px;padding:24px;box-shadow:0 12px 48px #01231c26}.cookie-banner{z-index:150;width:min(660px,100vw - 40px);max-height:calc(100dvh - 40px);position:fixed;bottom:20px;left:20px;overflow-y:auto}#cookie-consent h2{margin:0 0 8px;font-size:21px;line-height:1.5}#cookie-consent h3{margin:0;font-size:16px;line-height:1.6}#cookie-consent p{margin:0 0 16px;font-size:14px;line-height:1.85}#cookie-consent small{color:var(--ink-600);font-size:12px;font-weight:400}#cookie-consent a{color:var(--green-700);text-underline-offset:3px;text-decoration:underline}.cookie-eyebrow{color:var(--green-700);margin-bottom:4px;font-size:12px;display:block}.cookie-actions{flex-wrap:wrap;gap:10px;display:flex}.cookie-button,.cookie-close{font:inherit;cursor:pointer}.cookie-button{border:1px solid var(--green-700);min-height:44px;color:var(--green-700);background:#fff;border-radius:9px;padding:10px 14px;font-size:13px}.cookie-button.cookie-choice{background:var(--green-700);color:#fff;flex:1}.cookie-button:hover{background:var(--green-50)}.cookie-button.cookie-choice:hover{background:var(--green-800)}#cookie-consent :focus-visible,[data-cookie-settings]:focus-visible{outline-offset:3px;outline:3px solid #c28a05}.cookie-dialog{width:min(640px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink-900);margin:auto;overflow-y:auto}.cookie-dialog::backdrop{background:#01231c99}.cookie-dialog-heading,.cookie-category-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.cookie-dialog-heading{margin-bottom:8px}.cookie-close{border:1px solid var(--ink-200);width:44px;height:44px;color:var(--ink-700);background:#fff;border-radius:50%;flex-shrink:0;font-size:24px}.cookie-category{border-top:1px solid var(--ink-200);margin-top:18px;padding-top:18px}.cookie-category-heading{margin-bottom:10px}.cookie-required{color:var(--green-700);white-space:nowrap;font-size:12px}.cookie-toggle{cursor:pointer;min-height:44px}.cookie-toggle input{width:24px;height:24px;accent-color:var(--green-700);flex-shrink:0}#cookie-consent .cookie-error{color:#9c2525;margin:14px 0 0}.cookie-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=600px){.cookie-banner{left:12px;bottom:max(12px, env(safe-area-inset-bottom));width:calc(100vw - 24px);padding:18px}.cookie-dialog{padding:18px}.cookie-actions{grid-template-columns:1fr;display:grid}.cookie-button{width:100%}}
