/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem}}@layer base,components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}._appRoot_1hqzk_2{display:contents}.cover{width:100%}.side{align-self:stretch}:root{--or:#ff7a1a;--or2:#ffb066;--mut:#a8a8b2;--line:#ffffff1c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{color:#fff;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);background:#000;font-family:Anuphan,Noto Sans Thai,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:conic-gradient(from 180deg at 50% -8%,#0000 40%,#ffffff21 47% 53%,#0000 60%),radial-gradient(40% 28% at 50% 0,#ffffff17,#0000 70%);position:fixed;inset:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--or2);outline-offset:3px;border-radius:8px}.wrap{max-width:1200px;padding:0 max(18px, env(safe-area-inset-left,0px));margin:0 auto}header{z-index:30;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#0009;position:sticky;top:0}nav{align-items:center;gap:28px;height:64px;display:flex}.logo{align-items:center;gap:10px;font-size:1.1rem;font-weight:700;display:flex}.logo i{color:#000;background:#fff;border-radius:10px;place-items:center;width:32px;height:32px;font-style:normal;display:grid}.links{color:var(--mut);flex:1;gap:24px;font-size:.95rem;display:flex}.links a:hover,.links a.on{color:#fff}.links a.on{font-weight:600}.btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:999px;justify-content:center;align-items:center;padding:12px 24px;font:600 .95rem Anuphan,sans-serif;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn:hover,.btn:active{transform:translateY(-2px)}.btn.w{color:#000;background:#fff;border-color:#fff;box-shadow:0 0 40px #fff3}.btn.o{background:linear-gradient(180deg, #ffa254, var(--or) 55%, #e8620a);color:#1a0b00;border:0;box-shadow:inset 0 1px #ffffff8c,0 10px 28px #ff7a1a59}@media (width<=760px){.links{display:none}nav{justify-content:space-between}}h1{letter-spacing:-.02em;font-weight:500;line-height:1.15}h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:600;line-height:1.25}.sub{color:var(--mut);margin:6px 0 24px}section{padding:48px 0}.hero{text-align:center;flex-direction:column;align-items:center;padding:84px 0 40px;display:flex}.hero h1{font-size:clamp(2.3rem,6vw,4.4rem)}.hero h1 em{border-bottom:3px solid var(--or);font-style:normal}.lead{color:var(--mut);max-width:34em;margin:20px auto 28px;font-size:1.1rem}.cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.win{border:1px solid var(--line);text-align:left;background:#0a0a0c;border-radius:20px;width:100%;max-width:520px;margin-top:48px;overflow:hidden;box-shadow:0 40px 80px #000c,0 0 80px -20px #ff7a1a80}.win .bar{border-bottom:1px solid var(--line);color:var(--mut);align-items:center;gap:6px;padding:11px 16px;font-size:.8rem;display:flex}.win .bar i{background:#333;border-radius:50%;width:9px;height:9px}.win .bar i:first-child{background:var(--or)}.win .bar span{margin-left:8px}.win .in{gap:10px;padding:18px;display:grid}.bub{border:1px solid var(--line);background:#1b1b20;border-radius:14px;max-width:82%;padding:9px 14px;font-size:.88rem}.bub.me{background:linear-gradient(180deg, #ffa254, var(--or));color:#1a0b00;border:0;justify-self:end;font-weight:500}.nodes{align-items:center;gap:6px;display:flex}.nodes b{text-align:center;border:1px solid var(--line);background:#1b1b20;border-radius:10px;flex:1;padding:8px 4px;font-size:.78rem;font-weight:600}.nodes b.on{border-color:var(--or);color:var(--or2);box-shadow:0 0 18px #ff7a1a59}.nodes u{background:var(--or);flex:none;width:10px;height:2px}.grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=1060px){.grid{grid-template-columns:repeat(3,1fr)}}@media (width<=780px){.grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media (width<=480px){.grid{grid-template-columns:1fr}}.art{z-index:-2;background:var(--bg);transition:transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.art:before{content:"";background:radial-gradient(70% 80% at 80% 30%, var(--g), transparent 70%), repeating-linear-gradient(0deg, #ffffff09 0 1px, transparent 1px 22px), repeating-linear-gradient(90deg, #ffffff09 0 1px, transparent 1px 22px);position:absolute;inset:0}.art svg{filter:drop-shadow(0 16px 18px #0009);width:66%;height:auto;position:absolute;top:12%;right:-6%;transform:perspective(800px)rotateY(-14deg)rotateX(6deg)}.c{aspect-ratio:16/10.4;isolation:isolate;border:1px solid var(--line);border-radius:22px;transition:transform .35s,box-shadow .35s,border-color .35s;display:block;position:relative;overflow:hidden;box-shadow:0 14px 34px #0009}.c:after,.cover:after{content:"";z-index:-1;background:linear-gradient(#00000040,#0000 35%,#0000008c 62%,#000000eb),radial-gradient(130% 100% at 50% 40%,#0000 55%,#0009);position:absolute;inset:0}.big{letter-spacing:-.02em;text-shadow:0 4px 18px #0009;max-width:60%;font-size:clamp(1.5rem,2.3vw,2.1rem);font-weight:700;line-height:1.05;position:absolute;top:46px;left:16px}.big b{color:var(--or);display:block}.badge{color:#1a0b00;background:linear-gradient(180deg, #ffb36b, var(--or));border-radius:999px;padding:5px 12px;font-size:.78rem;font-weight:700;position:absolute;top:12px;left:12px}.lvl{border:1px solid var(--line);color:#ddd;background:#0009;border-radius:999px;padding:4px 12px;font-size:.78rem;position:absolute;top:12px;right:12px}.ttl{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;font-weight:700;line-height:1.35;display:-webkit-box;position:absolute;bottom:14px;left:16px;right:16px;overflow:hidden}.c:hover,.c:active,.c:focus-visible{border-color:#ff7a1ab3;transform:translateY(-6px);box-shadow:0 26px 50px #000000b3,0 0 46px -6px #ff7a1a80}.c:hover .art{transform:scale(1.06)}.more{justify-content:center;margin-top:28px;display:flex}.top{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;padding:36px 0 16px;display:flex}.srch{border:1px solid var(--line);color:#fff;font:inherit;background:#ffffff0f;border-radius:999px;width:min(100%,300px);padding:11px 18px}.chips{flex-wrap:wrap;gap:8px;padding-bottom:20px;display:flex}.chip{border:1px solid var(--line);font:inherit;color:var(--mut);cursor:pointer;background:0 0;border-radius:999px;padding:8px 18px;font-size:.9rem}.chip[aria-pressed=true]{color:#000;background:#fff;border-color:#fff;font-weight:600}.empty{text-align:center;color:var(--mut);padding:60px 0;display:none}.path{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (width<=800px){.path{grid-template-columns:1fr}}.box{border:1px solid var(--line);background:linear-gradient(160deg,#ffffff0f,#ffffff03);border-radius:22px;padding:26px}.box .n{color:#000;background:#fff;border-radius:12px;place-items:center;width:38px;height:38px;margin-bottom:14px;font-weight:700;display:grid}.box p{color:var(--mut);font-size:.95rem}.dash{text-align:center;border-style:dashed;justify-items:center;gap:8px;padding:44px 24px;display:grid}.line{background:linear-gradient(120deg,#ff7a1a4d,#ff7a1a08 60%),#050505;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.back{color:var(--mut);padding:24px 0 14px;font-size:.92rem;display:inline-block}.back:hover{color:#fff}.cover{isolation:isolate;border:1px solid var(--line);aspect-ratio:16/7;border-radius:26px;min-height:230px;position:relative;overflow:hidden;box-shadow:0 30px 70px #000000b3}.cover .big{max-width:55%;font-size:clamp(2rem,5vw,3.6rem);top:52px;left:28px}.cover .badge{top:18px;left:20px}.dl{grid-template-columns:1fr 340px;align-items:start;gap:36px;padding:30px 0 80px;display:grid}@media (width<=900px){.dl{grid-template-columns:1fr}.side{display:none}}.dl h1{font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:600}.dl .d{color:var(--mut);margin:12px 0 28px}.dl h2{margin:30px 0 14px;font-size:1.3rem}.out{gap:10px;padding:0;list-style:none;display:grid}.out li{border:1px solid var(--line);background:#ffffff08;border-radius:14px;padding:12px 16px 12px 44px;position:relative}.out li:before{content:"";border-left:3px solid var(--or);border-bottom:3px solid var(--or);width:14px;height:8px;position:absolute;top:19px;left:16px;transform:rotate(-45deg)}details{border:1px solid var(--line);background:#ffffff08;border-radius:16px;margin-bottom:10px;overflow:hidden}summary{cursor:pointer;justify-content:space-between;padding:15px 20px;font-weight:600;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--or);font-size:1.3rem;line-height:1}details[open] summary:after{content:"−"}details ol{color:var(--mut);gap:6px;padding:0 20px 16px 44px;display:grid}.side .box{gap:14px;display:grid;position:sticky;top:84px;box-shadow:0 0 60px -20px #ff7a1a80}.price{font-size:1.5rem;font-weight:700}.price small{color:var(--mut);font-size:.85rem;font-weight:400;display:block}.note{color:var(--mut);font-size:.85rem}.mbar{display:none}@media (width<=900px){.mbar{z-index:40;padding:12px max(18px, env(safe-area-inset-left,0px)) calc(12px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#000000e0;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}}.toast{opacity:0;pointer-events:none;color:#000;z-index:60;text-align:center;background:#fff;border-radius:999px;max-width:calc(100% - 32px);padding:12px 22px;font-size:.92rem;font-weight:600;transition:all .3s;position:fixed;bottom:90px;left:50%;transform:translate(-50%)translateY(20px)}.toast.s{opacity:1;transform:translate(-50%)}footer{border-top:1px solid var(--line);color:var(--mut);padding:28px 0 40px;font-size:.88rem}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}@media (prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}}.btn{isolation:isolate;position:relative;overflow:hidden}.btn:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(110deg,#0000 35%,#ffffff47 50%,#0000 65%);position:absolute;inset:-30% -70%;transform:translate(-75%)}.win{position:relative}.c:before,.win:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(240px circle at var(--pointer-x,50%) var(--pointer-y,50%), #ffb0662e, transparent 75%);opacity:0;transition:opacity .24s;position:absolute;inset:0}.links a{position:relative}.links a:after{content:"";background:var(--or);transform-origin:0;height:2px;transition:transform .22s;position:absolute;bottom:-7px;left:0;right:0;transform:scaleX(0)}@keyframes _section-arrive_1hqzk_1{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes _button-sheen_1hqzk_1{0%{opacity:0;transform:translate(-75%)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(75%)}}@media (prefers-reduced-motion:no-preference){.reveal-entered{animation:.62s cubic-bezier(.2,.7,.2,1) backwards _section-arrive_1hqzk_1}.path .box{transition:transform .26s,border-color .26s,box-shadow .26s}.btn:focus-visible:after{animation:.65s both _button-sheen_1hqzk_1}.links a:focus-visible:after{transform:scaleX(1)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.c:hover:before,.win:hover:after{opacity:1}.btn:hover:after{animation:.65s both _button-sheen_1hqzk_1}.links a:hover:after{transform:scaleX(1)}.path .box:hover{border-color:#ff7a1a80;transform:translateY(-4px);box-shadow:0 16px 32px #0006,0 0 30px -16px #ff7a1a73}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.c:hover,.c:active,.c:focus-visible,.btn:hover,.btn:active,.c:hover .art{transform:none}}.hero-demo{width:100%;max-width:520px;margin-top:48px}.hero-demo .win{margin-top:0}.story-demo-label{color:var(--or2);background:#ff7a1a14;border:1px solid #ff7a1a4d;border-radius:5px;margin-left:auto;padding:2px 7px;font-size:.65rem;font-weight:600;line-height:1.4}.story .in{gap:16px;padding:20px}.story-message{opacity:0;gap:6px;transition:opacity .32s,transform .32s;display:grid;transform:translateY(6px)}.story-message.is-shown,.story-sheet.is-shown{opacity:1;transform:none}.story-message.customer{justify-items:end}.story-who{color:var(--mut);align-items:center;gap:5px;font-size:.68rem;display:inline-flex}.story-avatar{color:var(--or2)}.story .bub{max-width:88%}.story-reply{position:relative}.story-answer.is-pending{visibility:hidden}.story-typing{gap:4px;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.story-typing i{background:var(--or2);border-radius:50%;width:4px;height:4px;animation:.6s ease-in-out 2 alternate _typing-dot_1hqzk_1}.story-typing i:nth-child(2){animation-delay:.1s}.story-typing i:nth-child(3){animation-delay:.2s}.story-sheet{opacity:0;background:linear-gradient(100deg,#ff7a1a17,#0000);border:1px solid #ff7a1a38;border-radius:11px;align-items:center;gap:10px;padding:11px 13px;transition:opacity .32s,transform .32s;display:flex;transform:translateY(6px)}.story-sheet-icon{color:var(--or2);font-size:1.4rem;line-height:1}.story-sheet b{font-size:.76rem;font-weight:500;display:block}.story-sheet div>span{color:var(--mut);margin-top:2px;font-size:.65rem;display:block}.story-check{color:var(--or2);margin-left:auto}.story-node{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.story-nodes{gap:6px}.story-nodes b{padding:7px 2px;font-size:.7rem;transition:color .25s,border-color .25s,box-shadow .25s}.story-nodes u{background:#333;width:8px;transition:background .25s}.story-nodes u.is-complete{background:var(--or)}.story-bottom{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 13px;display:flex}.story-status{color:var(--mut);align-items:center;gap:6px;font-size:.65rem;display:inline-flex}.story-status i{background:#62626c;border-radius:50%;width:5px;height:5px}.story-status i.is-complete{background:var(--or);box-shadow:0 0 8px #ff7a1a66}.story-replay{cursor:pointer;min-height:36px;font:inherit;color:#bbb;background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;padding:6px 8px;font-size:.7rem;display:inline-flex}.story-replay:hover{color:var(--or2);background:#ff7a1a0f}.story-replay>span{font-size:1rem}.story-disclaimer{color:var(--mut);text-align:center;margin-top:14px;font-size:.68rem}.art svg{width:72%;top:9%;right:-4%}.art[data-illustration=m2] svg{width:71%;top:13%;right:0}.art[data-illustration=m4] svg{width:68%;top:5%;right:-2%}.cover .art svg{width:52%;top:8%;right:0}@keyframes _typing-dot_1hqzk_1{0%{opacity:.3;transform:translateY(1px)}to{opacity:1;transform:translateY(-2px)}}@media (width<=480px){.story .in{gap:14px;padding:16px}.story .bar{gap:5px;padding:11px 12px}.story .bar span{margin-left:5px;font-size:.72rem}.story .bub{max-width:94%}}@media (prefers-reduced-motion:reduce){.story-message,.story-sheet{transform:none}}html{scroll-padding-top:80px;scroll-padding-bottom:20px}section[id]{scroll-margin-top:8px}.logo .brand-mark{object-fit:contain;border-radius:10px;width:32px;height:32px}.path-choice{color:inherit;font:inherit;text-align:left;cursor:pointer;appearance:none}.path-choice-top{justify-content:space-between;align-items:start;gap:12px;display:flex}.path-choice .n{display:grid}.path-choice-arrow{color:#73737e;font-size:1.25rem}.path-choice-title{font-size:1.17rem;font-weight:700;display:block}.path-choice-description{color:var(--mut);margin-top:3px;font-size:.95rem;display:block}.path-choice[aria-pressed=true]{background:linear-gradient(145deg,#ff7a1a21,#ff7a1a05);border-color:#ff7a1aa6}.path-choice[aria-pressed=true] .n{background:var(--or);color:#1a0b00}.path-choice[aria-pressed=true] .path-choice-arrow{color:var(--or2)}.path-recommendations{border:1px solid var(--line);background:linear-gradient(130deg,#ffffff06,#0000);border-radius:22px;margin-top:18px;padding:26px}.path-result-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.path-kicker{color:var(--or2);margin-bottom:3px;font-size:.72rem}.path-result-heading h3{font-size:1.2rem}.path-demo-label{color:var(--mut);border:1px solid var(--line);border-radius:999px;flex-shrink:0;padding:5px 10px;font-size:.7rem}.path-hint{color:var(--mut);margin:10px 0 20px;font-size:.88rem}.path-course-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0;list-style:none;display:grid}.path-course{border:1px solid var(--line);background:#0b0b0e;border-radius:16px;align-items:center;gap:15px;min-height:116px;padding:12px;transition:border-color .2s,background .2s;display:flex}.path-course:hover,.path-course:focus-visible{background:#12100e;border-color:#ff7a1a80}.path-course-art{isolation:isolate;border-radius:10px;flex-shrink:0;width:106px;height:84px;display:block;position:relative;overflow:hidden}.path-course-art .art svg{width:100%;top:5%;right:0;transform:none}.path-course-copy{gap:5px;min-width:0;display:grid}.path-course-copy b{font-size:.9rem;font-weight:500;line-height:1.5}.path-course-step{color:var(--or2);font-size:.68rem}.path-course-level{color:var(--mut);font-size:.7rem}.path-course-level span{color:var(--or2)}.path-note{color:var(--mut);margin-top:16px;font-size:.72rem}.instructor-card{border:1px solid var(--line);background:radial-gradient(at 10% 35%,#ff7a1a17,#0000 55%),linear-gradient(150deg,#0f0e0d,#060606);border-radius:28px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:56px;padding:42px;display:grid}.instructor-visual{justify-self:center;width:100%;max-width:360px;margin:0}.instructor-visual img{border-radius:24px;width:100%;height:auto;display:block}.instructor-visual figcaption{text-align:center;color:var(--mut);margin-top:14px;font-size:.68rem}.instructor-eyebrow{color:var(--or2);margin-bottom:16px;font-size:.78rem;font-weight:500}.instructor-copy h2{font-size:clamp(1.65rem,3.2vw,2.55rem);line-height:1.4}.instructor-copy em{color:var(--or);font-style:normal}.instructor-name{margin-top:24px;font-weight:600}.instructor-name span{color:var(--mut);font-weight:400}.instructor-description{color:var(--mut);margin-top:10px;font-size:.95rem;line-height:1.9}.instructor-topics{flex-wrap:wrap;gap:8px;margin-top:20px;padding:0;list-style:none;display:flex}.instructor-topics li{color:#d1d1d6;border:1px solid var(--line);background:#ffffff05;border-radius:6px;padding:5px 10px;font-size:.72rem}.instructor-actions{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.instructor-actions .btn{padding:11px 18px;font-size:.85rem}.instructor-handle{color:#b6b6c0;margin-top:22px;font-size:.74rem}.instructor-handle span{color:#57575d;padding:0 4px}.instructor-channels{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.instructor-channel{border:1px solid var(--line);color:#ccc;border-radius:10px;align-items:center;gap:7px;min-height:44px;padding:8px 11px;font-size:.76rem;transition:color .2s,border-color .2s;display:inline-flex}.instructor-channel:hover{color:var(--or2);border-color:#ff7a1a73}.instructor-channel>svg:last-child{color:#71717b}.catalog-search{width:min(100%,300px);position:relative}.catalog-search .srch{width:100%;padding-right:49px}.catalog-search .srch::-webkit-search-cancel-button{appearance:none}.search-clear{width:44px;height:44px;color:var(--mut);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;font-size:1.4rem;display:grid;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.search-clear:hover{color:#fff;background:#ffffff0a}@media (prefers-reduced-motion:no-preference){.btn:active{transform:translateY(1px)scale(.98)}.path-choice:active{transform:translateY(1px)}}@media (width<=1060px){.instructor-card{gap:28px;padding:30px}.path-course-art{width:80px;height:72px}}@media (width<=900px){.links{display:none}nav{justify-content:space-between;gap:12px}.mbar{min-height:80px}body:has(.mbar){padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}html:has(.mbar){scroll-padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}}@media (width<=800px){.instructor-card{grid-template-columns:1fr;gap:30px;padding:28px}.instructor-visual{max-width:280px}.path-course-list{grid-template-columns:1fr}.path-course-art{width:100px;height:80px}}@media (width<=480px){.path-recommendations{padding:18px}.path-result-heading{flex-wrap:wrap;align-items:start;gap:8px}.path-course{gap:11px;padding:10px}.path-course-art{width:72px;height:72px}.instructor-card{border-radius:22px;padding:22px}.instructor-actions{flex-direction:column;align-items:stretch}.instructor-actions .btn{min-height:44px}.instructor-channel{padding:8px 10px}}@media (width<=800px){.path-choice{grid-template-columns:38px minmax(0,1fr) 18px;gap:2px 14px;padding:18px;display:grid}.path-choice-top{display:contents}.path-choice .n{grid-area:1/1/span 2;align-self:center;margin-bottom:0}.path-choice-arrow{grid-area:1/3/span 2;align-self:center}.path-choice-title{grid-area:1/2;font-size:1.05rem}.path-choice-description{grid-area:2/2;font-size:.82rem}}.art img{object-fit:cover;width:100%;height:100%;display:block}.nav-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.mobile-nav{display:none}.mobile-menu-toggle{color:#fff;border:1px solid var(--line);cursor:pointer;background:#111;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.mobile-menu{z-index:50;background:#0e0e11;border:1px solid #ff7a1a4d;border-radius:18px;max-height:calc(100dvh - 100px);padding:10px;display:grid;position:fixed;top:76px;left:18px;right:18px;overflow-y:auto;box-shadow:0 20px 70px #000000b3}.mobile-menu[hidden]{display:none}.mobile-menu a{color:#ccc;border-radius:10px;align-items:center;min-height:48px;padding:12px 16px;font-size:.9rem;display:flex}.mobile-menu a.on,.mobile-menu a:hover{color:var(--or2);background:#ff7a1a14}footer .footer-content{flex-direction:column;gap:18px;display:flex}.footer-top{flex-wrap:wrap;justify-content:space-between;gap:14px;display:flex}.footer-links{flex-wrap:wrap;gap:10px 24px;height:auto;min-height:44px;font-size:.78rem;display:flex}.footer-links a{align-items:center;min-height:44px;display:inline-flex}.footer-links a:hover{color:var(--or2)}.public-page{padding-top:48px;padding-bottom:80px}.public-page>h1{max-width:1000px;font-size:clamp(2rem,4.4vw,3.6rem)}.page-eyebrow{color:var(--or2);margin-bottom:16px;font-size:.8rem}.page-lead{color:var(--mut);max-width:780px;margin:20px 0 38px;font-size:1rem;line-height:1.9}.public-prose{max-width:800px;margin:32px 0;line-height:1.9}.public-prose h2{margin-bottom:12px;font-size:1.4rem}.public-prose p{color:#bcbcc5;white-space:pre-wrap;margin-bottom:28px}.public-prose>section{border-bottom:1px solid var(--line);padding:24px 0}.public-prose>section p{margin-bottom:0}.public-prose ul{color:#ccc}.public-faq{max-width:800px}.public-faq h2{margin-bottom:24px}.public-faq p{color:var(--mut);padding:0 20px 20px;font-size:.92rem;line-height:1.9}.public-faq summary{gap:20px}.public-faq summary:after{flex-shrink:0}.public-help{color:var(--mut);margin-top:32px}.public-help a,.course-instructor a{color:var(--or2);text-underline-offset:4px;text-decoration:underline}.policy-draft{background:#ff7a1a0f;border:1px solid #ff7a1a59;border-radius:16px;max-width:800px;margin:30px 0;padding:20px 24px}.policy-draft b{color:var(--or2)}.policy-draft p{color:var(--mut);margin-top:8px;font-size:.9rem}.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.contact-card{min-width:0;transition:border-color .2s}.contact-card:hover{border-color:var(--or)}.contact-label{color:var(--or2);justify-content:space-between;gap:12px;font-size:.8rem;display:flex}.contact-card h2{overflow-wrap:anywhere;margin:28px 0 10px;font-size:1.2rem}.catalog-options{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:26px;display:flex}.catalog-options label,.showcase-filter{color:var(--mut);gap:6px;font-size:.75rem;display:grid}.catalog-options select,.showcase-filter select{font:inherit;color:#ddd;border:1px solid var(--line);background:#111114;border-radius:10px;max-width:100%;min-height:44px;padding:8px 30px 8px 12px;font-size:.85rem}.catalog-count{color:var(--mut);align-self:center;margin-left:auto;font-size:.8rem}.course-card-price{color:var(--or2);font-size:.78rem;position:absolute;bottom:13px;left:16px}.c.has-price .ttl{bottom:38px}.course-instructor{color:var(--mut);margin-bottom:20px;font-size:.88rem}.data-state{border:1px solid var(--line);text-align:center;border-radius:20px;margin:20px 0;padding:48px 24px}.data-state p{color:var(--mut);margin:12px 0 20px}.data-error h2{font-size:1.4rem}.loading-bars{gap:10px;width:180px;max-width:100%;margin:0 auto 20px;display:grid}.loading-bars i{background:#29292e;border-radius:5px;height:10px;animation:1.4s ease-in-out infinite alternate _loading-pulse_1hqzk_1}.loading-bars i:nth-child(2){width:75%;animation-delay:.12s}.loading-bars i:nth-child(3){width:50%;animation-delay:.24s}.showcase-filter{max-width:420px;margin:0 0 26px}.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.project-card{min-width:0}.project-card img{aspect-ratio:16/10;object-fit:cover;border-radius:10px;width:100%;margin-bottom:18px}.project-status{color:var(--or2);font-size:.7rem}.project-card h3{margin:10px 0}.project-card p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.project-action{color:var(--or2);margin-top:20px;font-size:.8rem;display:block}.project-cover{border-radius:20px;width:min(100%,900px);height:auto;display:block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes _loading-pulse_1hqzk_1{0%{opacity:.4}to{opacity:1}}@media (width<=900px){.mobile-nav{display:block}.header-login{padding:10px 14px;font-size:.85rem}}@media (width<=800px){.contact-grid{grid-template-columns:1fr}.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.public-page{padding-top:32px;padding-bottom:50px}.showcase-grid{grid-template-columns:1fr}.catalog-options{gap:10px}.catalog-options label{flex:1;min-width:90px}.catalog-options select{width:100%;padding-right:18px}.catalog-count{width:100%;margin-left:0}.logo{gap:7px;font-size:1rem}.logo .brand-mark{width:28px;height:28px}}.demo-mode-notice{color:#c9c9d1;background:#ff7a1a0f;border-bottom:1px solid #ff7a1a33;flex-wrap:wrap;justify-content:center;gap:8px 20px;padding:12px 18px;font-size:.78rem;display:flex}.demo-mode-notice a{color:var(--or2);text-underline-offset:4px;text-decoration:underline}.dl .showcase-grid{grid-template-columns:1fr}.ui-icon{vertical-align:middle;flex-shrink:0}.btn{gap:9px}.links{gap:18px}.links a,.mobile-menu a{align-items:center;gap:7px;display:inline-flex}.links a{white-space:nowrap;position:relative}.links a .ui-icon{color:#797981}.links a.on .ui-icon,.links a:hover .ui-icon{color:var(--or)}.links a.on:after{content:"";background:var(--or);width:16px;height:2px;position:absolute;bottom:-21px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #ff7a1a80}.hero-eyebrow{color:#b7b7bf;letter-spacing:.035em;border:1px solid var(--line);background:#ffffff06;border-radius:99px;align-items:center;gap:10px;margin-bottom:24px;padding:8px 16px;font-size:.73rem;display:flex}.status-dot{background:var(--or);border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #ff7a1a80}.eyebrow-divider{color:#55555f}.section-heading{justify-content:space-between;align-items:end;gap:18px;display:flex}.section-kicker{color:var(--or2);align-items:center;gap:8px;margin-bottom:12px;font-size:.75rem;display:flex}.section-index{color:#767680;letter-spacing:.14em;white-space:nowrap;padding-bottom:4px;font-size:.65rem}.home-courses>.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.icon-heading{align-items:center;gap:12px;display:flex}.icon-heading>svg{color:var(--or)}.chips .chip{align-items:center;gap:8px;display:inline-flex}.chip[aria-pressed=true] .ui-icon{color:#943b00}.search-icon{color:var(--mut);pointer-events:none;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.catalog-search .srch{padding-left:43px}.catalog-options{border:1px solid var(--line);background:linear-gradient(110deg,#0d0d0f,#080809);border-radius:18px;padding:18px}.page-intro{isolation:isolate;border-bottom:1px solid var(--line);min-height:230px;margin-bottom:18px;padding:16px 200px 30px 0;position:relative}.page-intro:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at 85% 35%,#ff7a1a14,#0000 50%);position:absolute;inset:-50px -18px 0}.page-intro h1{text-wrap:balance;max-width:900px;font-size:clamp(2rem,4.4vw,3.6rem)}.page-eyebrow{align-items:center;gap:8px;display:inline-flex}.page-intro .page-lead{max-width:660px;margin-bottom:8px}.intro-mark{width:126px;height:126px;color:var(--or2);background:linear-gradient(145deg,#22160c,#0c0c0e);border:1px solid #ff7a1a3d;border-radius:30px;place-items:center;display:grid;position:absolute;top:24px;right:25px;transform:rotate(8deg);box-shadow:inset 0 1px #ffffff0f,0 18px 70px #ff7a1a0f}.intro-mark>svg{width:56px;height:56px}.intro-mark>span{border:1px solid var(--or);border-radius:2px;width:8px;height:8px;position:absolute;top:-14px;right:20px}.intro-mark>span:last-child{background:var(--or);width:5px;height:5px;inset:auto auto 10px -20px}.contact-grid{gap:20px;padding-top:14px}.contact-card{background:linear-gradient(145deg,#111112,#070708);flex-direction:column;min-height:320px;padding:28px;display:flex;position:relative;overflow:hidden}.contact-card:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(at 0 0,#ff7a1a1f,#0000 65%);transition:opacity .22s;position:absolute;inset:0}.contact-card:hover:before,.contact-card:focus-visible:before{opacity:1}.contact-card-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.channel-icon{width:56px;height:56px;color:var(--or2);background:linear-gradient(140deg,#ff7a1a1f,#ff7a1a05);border:1px solid #ff7a1a38;border-radius:16px;flex-shrink:0;place-items:center;display:inline-grid}.contact-number{color:#49494f;letter-spacing:-.08em;font-size:2.3rem;font-weight:500;line-height:1}.contact-card h2{margin:10px 0 8px;font-size:clamp(1rem,1.7vw,1.25rem);line-height:1.6}.contact-label{letter-spacing:.025em;font-size:.72rem}.channel-hint{color:var(--mut);margin-bottom:25px;font-size:.82rem}.contact-action{border-top:1px solid var(--line);color:#dddde2;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:17px;font-size:.8rem;display:flex}.contact-action svg{color:var(--or2)}.contact-note{border:1px solid var(--line);background:#080809;border-radius:20px;align-items:start;gap:20px;max-width:100%;margin-top:32px;padding:26px;display:flex}.contact-note h2{margin:2px 0 8px;font-size:1rem}.contact-note p{color:var(--mut);max-width:780px;font-size:.86rem;line-height:1.9}.empty-icon{width:60px;height:60px;color:var(--or2);background:#ff7a1a0f;border:1px solid #ff7a1a26;border-radius:18px;place-items:center;margin-bottom:18px;display:inline-grid}.numbered-faq summary{justify-content:start}.numbered-faq summary:after{margin-left:auto}.faq-number{color:var(--or2);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.72rem}.public-faq details[open]{background:linear-gradient(120deg,#ff7a1a0b,#0a0a0c);border-color:#ff7a1a4d}.public-help{border:1px solid var(--line);background:#09090b;border-radius:16px;max-width:800px;padding:22px 24px}.legal-page .public-prose{border-left:1px solid #ff7a1a4d;padding-left:24px}.footer-brand-row{justify-content:space-between;align-items:center;gap:22px;padding-bottom:8px;display:flex}.footer-brand-row .logo{color:#fff;font-size:1.05rem}.footer-brand-row p{color:var(--mut);margin-top:12px;font-size:.83rem}.footer-socials{gap:10px;display:flex}.footer-socials a{color:#b4b4bf;border:1px solid var(--line);background:#0d0d10;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.footer-socials a:hover{color:var(--or2);border-color:#ff7a1a66}.footer-top{border-top:1px solid var(--line);padding-top:22px}.demo-mode-notice>span,.demo-mode-notice>a{align-items:center;gap:7px;display:inline-flex}.demo-mode-notice svg{color:var(--or2)}.reading-progress{z-index:60;background:var(--or);transform-origin:0;pointer-events:none;width:100%;height:2px;position:fixed;top:0;left:0}.back-to-top{right:max(18px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:25;width:44px;height:44px;color:var(--or2);cursor:pointer;background:#14100d;border:1px solid #ff7a1a4d;border-radius:14px;place-items:center;display:grid;position:fixed;box-shadow:0 8px 24px #000}body:has(.mbar) .back-to-top{bottom:calc(105px + env(safe-area-inset-bottom))}@media (prefers-reduced-motion:no-preference){.contact-card{transition:transform .24s,border-color .24s,box-shadow .24s}.contact-card:hover,.contact-card:focus-visible{border-color:#ff7a1a8c;transform:translateY(-6px);box-shadow:0 18px 50px #0006}.contact-action svg,.btn>svg:last-child,.footer-socials a{transition:transform .2s}.contact-card:hover .contact-action svg{transform:translate(3px,-3px)}.btn:hover>svg:last-child{transform:translate(2px)}.footer-socials a:hover{transform:translateY(-3px)}.intro-mark{animation:7s ease-in-out _intro-float_1hqzk_1}.contact-card{animation:.65s backwards _section-arrive_1hqzk_1}.contact-card:nth-child(2){animation-delay:90ms}.contact-card:nth-child(3){animation-delay:.18s}}@keyframes _intro-float_1hqzk_1{0%,to{transform:translateY(0)rotate(8deg)}50%{transform:translateY(-7px)rotate(4deg)}}@media (width<=1100px){.links{gap:12px;font-size:.85rem}.links a{gap:5px}}@media (width<=1060px){.home-courses>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.contact-card{min-height:280px}.page-intro{min-height:200px;padding-right:120px}.intro-mark{border-radius:22px;width:80px;height:80px;right:8px}.intro-mark>svg{width:36px;height:36px}.contact-card h2{font-size:1.25rem}}@media (width<=480px){.home-courses>.grid{grid-template-columns:1fr;gap:16px}.section-index{display:none}.hero-eyebrow{gap:8px;padding:7px 12px;font-size:.64rem}.hero .cta{gap:10px}.hero .cta .btn{padding-inline:18px;font-size:.86rem}.header-login .ui-icon{display:none}.page-intro{min-height:0;padding-top:0;padding-bottom:24px;padding-right:0}.intro-mark{display:none}.page-intro .page-lead{font-size:.93rem}.contact-grid{gap:14px;padding-top:0}.contact-card{min-height:290px;padding:24px}.contact-note{gap:14px;padding:20px}.contact-note .channel-icon{border-radius:12px;width:40px;height:40px}.footer-brand-row{flex-direction:column;align-items:start}.icon-heading{gap:9px}.icon-heading>svg{width:22px;height:22px}.demo-mode-notice{gap:5px;font-size:.68rem}.catalog-options{padding:14px}}button:disabled{cursor:not-allowed;opacity:.55}.auth-page{place-items:center;min-height:calc(100dvh - 180px);padding-block:60px 90px;display:grid}.auth-panel{background:linear-gradient(150deg,#12100f,#09090b 65%);width:min(100%,480px);padding:36px}.auth-home{color:var(--mut);align-items:center;gap:8px;font-size:.8rem;display:inline-flex}.auth-symbol{width:62px;height:62px;color:var(--or2);background:#ff7a1a14;border:1px solid #ff7a1a40;border-radius:18px;place-items:center;margin:30px 0 24px;display:grid}.auth-panel h1{font-size:clamp(1.8rem,4vw,2.25rem);font-weight:600}.auth-lead{color:var(--mut);margin:14px 0 28px;font-size:.88rem}.google-login{color:#1f1f1f;background:#fff;border-radius:12px;gap:12px;width:100%;min-height:48px;font-size:.88rem}.google-login:disabled{color:#b0b0ba;border-color:var(--line);opacity:1;background:#242427}.auth-divider{color:#92929d;align-items:center;gap:12px;margin:24px 0;font-size:.75rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.member-form{gap:18px;display:grid}.member-form label{color:#d6d6de;gap:8px;font-size:.86rem;display:grid}.member-form input{border:1px solid var(--line);width:100%;min-height:48px;font:inherit;color:#fff;background:#09090c;border-radius:12px;padding:11px 14px;font-size:.95rem}.member-form input[readonly]{color:var(--mut)}.member-form .otp-input{letter-spacing:.22em;font-variant-numeric:tabular-nums;font-size:1.4rem}.otp-delivery-help{border:1px solid var(--line);border-radius:14px;margin-top:24px;padding:18px}.otp-delivery-help h2{margin-bottom:8px;font-size:.95rem}.otp-delivery-help p,.otp-delivery-help a{overflow-wrap:anywhere;font-size:.8rem}.otp-delivery-help a{color:var(--or2);text-decoration:underline}.member-form input:focus-visible{outline-offset:2px}.member-form .password-visibility{color:var(--mut);cursor:pointer;align-items:center;gap:9px;font-size:.76rem;display:flex}.password-visibility input{accent-color:var(--or);width:17px;height:17px;min-height:17px}.member-form>.btn{border-radius:12px;min-height:48px}.auth-text-link{color:var(--or2);text-underline-offset:4px;font-size:.8rem;text-decoration:underline}.auth-switch{text-align:center;color:var(--mut);margin:26px 0 0;font-size:.83rem}.auth-switch a,.form-hint a{color:var(--or2);text-underline-offset:4px;text-decoration:underline}.form-hint{color:var(--mut);margin-top:12px;font-size:.74rem;line-height:1.9}.form-error,.form-success{overflow-wrap:anywhere;border-radius:12px;padding:12px 15px;font-size:.84rem;line-height:1.8}.form-error{color:#ffb8a3;background:#ff502812;border:1px solid #ff7a504d}.form-success{color:#d6e8d8;background:#b4dcb40d;border:1px solid #b4dcb433}.auth-message{gap:20px;max-width:720px;margin:30px auto;display:grid}.auth-message h1{font-size:1.7rem}.auth-message .btn{justify-self:start}.member-toolbar{flex-wrap:wrap;justify-content:end;gap:10px;margin:24px 0 32px;display:flex}.learning-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.learning-card{align-content:start;gap:20px;min-width:0;display:grid}.learning-card h2{overflow-wrap:anywhere;font-size:1.2rem;line-height:1.6}.learning-status{color:var(--or2);font-size:.75rem}.learning-progress-label{color:var(--mut);justify-content:space-between;gap:14px;font-size:.75rem;display:flex}.learning-progress{width:100%;height:5px;accent-color:var(--or);background:#252529;border:0;border-radius:10px;display:block;overflow:hidden}.learning-progress::-webkit-progress-bar{background:#252529;border-radius:10px}.learning-progress::-webkit-progress-value{background:var(--or);border-radius:10px}.learning-progress::-moz-progress-bar{background:var(--or);border-radius:10px}.account-form{max-width:560px;margin:20px 0}.classroom-page{padding-bottom:70px}.classroom-page .back{align-items:center;gap:5px;display:inline-flex}.classroom-heading{padding:16px 0 32px}.classroom-heading h1{max-width:900px;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600;line-height:1.5}.classroom-progress{align-items:center;gap:14px;max-width:400px;margin-top:20px;display:flex}.classroom-progress span{white-space:nowrap;color:var(--mut);font-size:.75rem}.classroom-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:28px;display:grid}.lesson-main,.classroom-sidebar{min-width:0}.lesson-heading{margin-bottom:18px}.lesson-heading>span{color:var(--or2);font-size:.75rem}.lesson-heading h2{margin-top:8px;font-size:1.3rem;line-height:1.6}.lesson-player{aspect-ratio:16/9;border:1px solid var(--line);background:radial-gradient(at 50% 0,#21140a,#09090c 65%);border-radius:20px;place-items:center;display:grid;overflow:hidden}.lesson-player iframe{border:0;width:100%;height:100%}.player-prompt{text-align:center;color:var(--or2);justify-items:center;gap:16px;padding:30px 20px;display:grid}.player-prompt h2{color:#eee;font-size:1.15rem;line-height:1.7}.player-prompt p{color:var(--mut);max-width:420px;font-size:.83rem;line-height:1.9}.player-play{width:64px;height:64px;color:var(--or2);cursor:pointer;background:#ff7a1a26;border:1px solid #ff7a1a80;border-radius:50%;place-items:center;display:grid}.lesson-description{color:#bebec7;white-space:pre-wrap;margin:24px 0;line-height:1.9}.lesson-resources{padding:24px 0}.lesson-resources h2{margin-bottom:18px;font-size:1.1rem}.resource-row{border:1px solid var(--line);background:#0b0b0e;border-radius:14px;align-items:center;gap:14px;margin-bottom:10px;padding:16px;display:flex}.resource-row>svg{color:var(--or2);flex-shrink:0}.resource-row>div{overflow-wrap:anywhere;flex:1;min-width:0}.resource-row b{font-size:.85rem;font-weight:500}.resource-row .btn{min-height:44px;padding:9px 14px;font-size:.75rem}.lesson-completion{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;padding:20px 0;display:flex}.lesson-completion>span{color:var(--mut);font-size:.8rem}.lesson-completion .form-error{width:100%}.lesson-pagination{justify-content:space-between;gap:12px;height:auto;margin-top:18px;display:flex}.lesson-pagination .btn{padding-inline:18px;font-size:.8rem}.classroom-sidebar{position:sticky;top:90px}.lesson-outline{background:#0b0b0e}.lesson-outline>summary{padding:20px;font-size:.95rem}.outline-sections{padding:0 10px 10px}.outline-sections h3{color:var(--mut);margin:18px 10px 10px;font-size:.78rem;font-weight:500}.outline-sections nav{gap:5px;height:auto;display:grid}.outline-sections a{border:1px solid #0000;border-radius:10px;align-items:center;gap:11px;min-height:52px;padding:12px 10px;font-size:.82rem;line-height:1.7;display:flex}.outline-sections a:hover{background:#ffffff08}.outline-sections a.selected{color:var(--or2);background:#ff7a1a14;border-color:#ff7a1a3d}.outline-sections a>span:nth-child(2){flex:1}.outline-sections small{color:var(--mut);margin-top:3px;font-size:.67rem;display:block}.lesson-number{width:26px;color:var(--or2);flex-shrink:0;place-items:center;font-size:.72rem;display:grid}.classroom-help{margin-top:18px;padding:20px}.classroom-help h3{margin-bottom:10px;font-size:.9rem}.classroom-help p{font-size:.8rem;line-height:1.9}.classroom-help a{color:var(--or2);margin-top:16px;font-size:.8rem;display:inline-block}@media (width<=1060px){.classroom-layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.classroom-layout{grid-template-columns:1fr}.classroom-sidebar{position:static}.lesson-player{aspect-ratio:auto;min-height:260px}.lesson-player:has(iframe){aspect-ratio:16/9;min-height:0}}@media (width<=480px){.auth-page{padding-block:30px 50px}.auth-panel{padding:25px 20px}.learning-grid{grid-template-columns:1fr}.resource-row{flex-wrap:wrap}.resource-row>div{flex-basis:calc(100% - 35px)}.resource-row .btn{width:100%}.classroom-heading h1{font-size:1.45rem}.lesson-completion>.btn{width:100%}}.c.image-course{aspect-ratio:auto;background:#101012;flex-direction:column;display:flex}.image-course .art{z-index:0;aspect-ratio:var(--cover-aspect,16 / 9);flex:none;position:relative;inset:auto}.image-course .art:before,.image-cover .art:before,.image-course:after,.image-cover:after{display:none}.c.image-course .ttl{min-height:2.7em;margin:14px 16px 8px;position:static}.image-course .course-card-price{margin:auto 16px 16px;position:static}.cover.image-cover{aspect-ratio:var(--cover-aspect,16 / 9);min-height:0}.player-prompt.has-poster{isolation:isolate;align-content:center;width:100%;height:100%;position:relative}.lesson-poster{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.has-poster:after{content:"";z-index:-1;background:#0000007a;position:absolute;inset:0}.has-poster p{color:#fff;text-shadow:0 2px 6px #000}.lesson-external{color:var(--or2);margin-top:14px;font-size:.85rem;display:inline-block}@media (width<=800px){.lesson-player:has(.has-poster){aspect-ratio:16/9;min-height:0}}header .brand-name{white-space:nowrap;flex-direction:column;gap:3px;line-height:1.15;display:flex}header .brand-name-th{font-size:1.05rem;font-weight:700}header .brand-name-en{letter-spacing:.045em;color:var(--mut);font-size:.65rem;font-weight:500}@media (width<=480px){header .brand-name-th{font-size:.94rem}header .brand-name-en{font-size:.6rem}header .logo{gap:7px}}@media (width<=360px){header .brand-name-th{font-size:.84rem}header .header-login{padding-inline:10px}}.payment-summary{gap:18px;max-width:760px;margin:24px 0;display:grid}.payment-id{overflow-wrap:anywhere;color:var(--mut);font-size:.85rem}.payment-qr{background:#fff;border-radius:16px;width:min(100%,300px);height:auto}.payment-slip-preview{object-fit:contain;width:100%;max-width:560px;max-height:650px;display:block}.payment-bank{overflow-wrap:anywhere;grid-template-columns:auto 1fr;gap:8px 20px;display:grid}.payment-bank dt{color:var(--mut)}.payment-bank dd{min-width:0;margin:0}.payment-admin-list{gap:24px;margin-top:24px;display:grid}.payment-summary textarea{color:#fff;border:1px solid var(--line);width:100%;min-height:90px;font:inherit;background:#101010;border-radius:12px;padding:12px}.payment-summary input[type=file]{width:100%;min-width:0}.learning-progress-summary{gap:10px;width:100%;min-width:0;display:grid}.learning-progress-label strong,.learning-progress-summary .learning-finished{color:var(--or2)}.learning-finished{align-items:center;gap:8px;font-size:.85rem;display:flex}.learning-finished svg{flex:none}.lesson-position{color:var(--mut);margin-top:10px;font-size:.85rem}.lesson-outline-jump{min-height:44px;color:var(--or2);align-items:center;margin-bottom:12px;font-size:.85rem;display:inline-flex}#lesson-outline{scroll-margin-top:90px}.completion-help{flex-basis:100%}.order-filter-panel{gap:18px;margin-top:24px;display:grid}.order-search{border:1px solid var(--line);background:#0b0b0e;border-radius:16px;align-items:center;gap:12px;max-width:640px;padding:6px 12px;display:flex}.order-search>svg{color:var(--mut);flex:none}.order-search input{color:#fff;width:100%;min-width:0;min-height:44px;font:inherit;background:0 0;border:0;font-size:.9rem}.order-search .btn{flex:none;min-height:44px;padding:10px}.order-status-filters{padding-bottom:0}.order-status-filters .chip{min-height:44px}.order-status-filters .chip span{font-variant-numeric:tabular-nums;opacity:.75;margin-left:5px}.order-result-count{color:var(--mut);margin-top:20px;font-size:.85rem}.member-form .form-checkbox{cursor:pointer;align-items:flex-start;gap:12px;min-height:44px;padding-block:8px;line-height:1.7;display:flex}.member-form .form-checkbox input{width:20px;height:20px;min-height:20px;accent-color:var(--or);border-radius:4px;flex:none;margin-top:3px;padding:0}.payment-settings-status{align-items:flex-start;gap:16px;margin-block:24px;display:flex}.payment-settings-status>svg{color:var(--or2);flex:none}.payment-settings-status h2,.payment-settings-grid h2{margin-bottom:16px;font-size:1.2rem}.payment-settings-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.payment-settings-grid>section{min-width:0}.payment-settings-grid h2{align-items:center;gap:10px;display:flex}.payment-settings-grid .note{margin-top:20px}.policy-outline{flex-wrap:wrap;gap:8px 20px;max-width:800px;height:auto;margin-block:24px;display:flex}.policy-outline a{min-height:44px;color:var(--or2);text-underline-offset:5px;align-items:center;font-size:.85rem;text-decoration:underline;display:inline-flex}.legal-page .public-prose section{scroll-margin-top:90px}@media (width<=780px){.payment-settings-grid{grid-template-columns:1fr}.payment-settings-grid .payment-bank{grid-template-columns:1fr;gap:6px}.payment-settings-grid dd{margin-bottom:12px}}.line-contact{grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:40px;margin-top:28px;padding:32px;display:grid}.line-contact h2{margin:12px 0;font-size:clamp(1.5rem,3vw,2rem)}.line-contact-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.line-contact-help{color:var(--mut);margin-top:16px;font-size:.82rem}.line-qr{text-align:center;min-width:0;margin:0}.line-qr img{background:#fff;border:10px solid #fff;border-radius:14px;width:100%;height:auto;display:block}.line-qr figcaption{color:var(--mut);margin-top:12px;font-size:.8rem}@media (width<=780px){.line-contact{grid-template-columns:minmax(0,1fr);gap:28px;padding:22px}.line-qr{justify-self:center;width:min(100%,280px)}}.member-communities{margin-top:32px;padding:clamp(20px,4vw,32px)}@media (width>=1200px){.contact-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.contact-card{grid-column:span 2}.contact-card:nth-last-child(-n+2){grid-column:span 3}}@media (width>=801px) and (width<=1199px){.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-card:last-child{grid-column:1/-1}}.image-course .art img,.image-cover .art img{object-fit:contain}.c.owner-cover .art{margin-top:48px}.cover.owner-cover{aspect-ratio:auto;padding-top:48px}.cover.owner-cover .art{aspect-ratio:var(--cover-aspect);position:relative;inset:auto}.cover.owner-cover .badge{top:12px;left:12px}.academy-home>section{margin-bottom:92px}.academy-hero{grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:78px 0 64px;display:grid;position:relative}.academy-hero:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at 75% 35%,#ff7a1a17,#0000 68%);position:absolute;inset:0}.academy-eyebrow{letter-spacing:.12em;color:var(--mut);align-items:center;gap:10px;margin-bottom:24px;font-size:.65rem;display:flex}.academy-eyebrow>span{background:var(--or);border-radius:50%;width:6px;height:6px}.academy-intro h1{letter-spacing:-.045em;font-size:clamp(2.8rem,5.6vw,4.7rem);font-weight:600;line-height:1.28}.academy-intro h1 em{color:var(--or);font-style:normal}.academy-lead{color:#bebec5;margin-top:24px;font-size:1.02rem;line-height:1.95}.academy-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.academy-actions .btn{min-height:52px}.academy-principles{color:var(--mut);flex-wrap:wrap;gap:8px 18px;margin-top:24px;padding:0;font-size:.75rem;list-style:none;display:flex}.academy-principles li:before{content:"✓";color:var(--or2);margin-right:6px}.academy-down{color:var(--mut);align-items:center;gap:9px;margin-top:36px;padding-block:8px;font-size:.73rem;display:inline-flex}.academy-feature{border:1px solid var(--line);background:linear-gradient(150deg,#151515,#090909);border-radius:24px;min-width:0;padding:16px;box-shadow:0 26px 80px #00000080}.academy-feature-heading,.academy-feature-footer{color:var(--mut);justify-content:space-between;align-items:center;gap:12px;padding:4px 4px 14px;font-size:.6rem;display:flex}.academy-feature-heading>span:first-child{color:var(--or2);align-items:center;gap:8px;font-size:.73rem;display:flex}.academy-feature-footer{letter-spacing:.06em;padding:18px 4px 2px}.academy-film{background:#070707;border-radius:14px;display:block;position:relative;overflow:hidden}.academy-film>img{aspect-ratio:16/9;object-fit:contain;width:100%;height:auto;transition:filter .25s;display:block}.academy-film:hover>img{filter:brightness(1.09)}.academy-play{color:#fff;background:#000000a6;border:1px solid #ffffffa6;border-radius:50%;place-items:center;width:56px;height:56px;display:grid;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #0000004d}.academy-film-label{color:#fff;background:#000000d6;border-radius:999px;padding:5px 10px;font-size:.65rem;position:absolute;top:12px;left:12px}.academy-film-copy{border-top:1px solid var(--line);padding:20px}.academy-film-copy>span{color:var(--or2);font-size:.7rem}.academy-film-copy h2{margin:8px 0 12px;font-size:1.13rem;line-height:1.6}.academy-film-copy p{color:var(--mut);justify-content:space-between;align-items:center;gap:12px;font-size:.72rem;display:flex}.academy-welcome{text-align:center;justify-items:center;gap:12px;min-height:360px;padding:20px;display:grid}.academy-welcome img{max-width:100%;height:auto}.academy-welcome p{color:var(--mut)}.academy-welcome a,.text-link{color:var(--or2);align-items:center;gap:10px;min-height:44px;font-size:.85rem;display:inline-flex}.academy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.academy-grid .c{min-width:0}.academy-catalog .chips{scrollbar-color:#595959 transparent;scrollbar-width:thin}@media (width<=780px){.academy-catalog .chips{flex-wrap:nowrap;padding:5px 3px 12px;overflow-x:auto}.academy-catalog .chips .chip{flex:none}}.academy-grid .ttl{font-size:1rem;line-height:1.65}.course-card-outcome{color:var(--mut);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 16px 16px;font-size:.78rem;line-height:1.8;display:-webkit-box;position:relative;overflow:hidden}.course-card-action{color:var(--or2);justify-content:space-between;margin:0 16px 12px;font-size:.75rem;display:flex;position:relative}.academy-grid .c:not(.image-course) .course-card-outcome,.academy-grid .c:not(.image-course) .course-card-action{display:none}.academy-grid .image-course .course-card-price{border-top:1px solid var(--line);padding-top:12px;font-size:.87rem}.academy-paths{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.academy-paths .path-choice{padding:24px}.academy-paths .path-choice-title{font-size:1.1rem}.academy-home .path-course-art .art img{object-fit:contain}.academy-step-grid,.guide-grid,.preparation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.academy-step-grid article{border:1px solid var(--line);background:linear-gradient(135deg,#111,#080808);border-radius:22px;padding:26px;position:relative}.academy-step-icon{color:var(--or2);margin-bottom:26px;display:block}.academy-step-number{color:#777780;font-size:.75rem;position:absolute;top:26px;right:26px}.academy-step-grid h3{margin-bottom:10px;font-size:1.05rem}.academy-step-grid p{color:var(--mut);font-size:.84rem;line-height:1.85}.academy-demo-link{color:var(--mut);flex-wrap:wrap;justify-content:center;gap:8px 14px;padding:0 0 50px;font-size:.75rem;display:flex}.academy-demo-link a{text-underline-offset:4px;align-items:center;gap:6px;text-decoration:underline;display:inline-flex}.academy-detail-intro{max-width:920px;padding:14px 0 32px}.academy-detail-intro h1{margin:12px 0 16px;font-size:clamp(1.9rem,4vw,3.1rem);line-height:1.45}.academy-detail-intro .d{color:var(--mut);font-size:1rem;line-height:1.9}.course-overview-pills{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.course-overview-pills span{border:1px solid var(--line);color:var(--mut);border-radius:999px;padding:6px 12px;font-size:.75rem}.academy-detail>.cover{max-width:900px;margin-inline:auto}.preparation-grid{gap:12px;margin-top:18px}.preparation-grid article{border:1px solid var(--line);border-radius:16px;padding:18px}.preparation-grid svg{color:var(--or2);margin-bottom:12px}.preparation-grid h3{margin-bottom:8px;font-size:.9rem}.preparation-grid p{color:var(--mut);font-size:.78rem;line-height:1.9}.preparation-note{color:var(--mut);align-items:flex-start;gap:8px;margin-top:16px;font-size:.75rem;display:flex}.preparation-note svg{color:var(--or2);flex:none;margin-top:3px}.guide-card{border:1px solid var(--line);background:linear-gradient(145deg,#121212,#070707);border-radius:22px;flex-direction:column;min-width:0;padding:26px;transition:border-color .2s,transform .2s;display:flex}.guide-card:hover{border-color:#ff7a1a80;transform:translateY(-3px)}.guide-card-top{color:var(--or2);justify-content:space-between;align-items:center;margin-bottom:34px;display:flex}.guide-card-top span{color:var(--mut);letter-spacing:.1em;font-size:.62rem}.guide-category{color:var(--or2);margin-bottom:10px;font-size:.7rem}.guide-card h3{margin-bottom:12px;font-size:1.13rem;line-height:1.7}.guide-card>p{color:var(--mut);margin-bottom:24px;font-size:.82rem;line-height:1.85}.guide-read{color:var(--or2);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;font-size:.8rem;display:flex}.guide-page{max-width:840px;padding-block:46px 100px}.guide-page h1{margin:14px 0 22px;font-size:clamp(2rem,4vw,3rem);line-height:1.5}.guide-intro,.guide-page section p{color:#c0c0c7;font-size:1.02rem;line-height:2}.guide-byline{color:var(--mut);margin-top:20px;font-size:.75rem}.guide-outline{border:1px solid var(--line);background:#101010;border-radius:18px;gap:8px;height:auto;margin-block:30px;padding:24px;display:grid}.guide-outline a{color:var(--or2);align-items:center;min-height:38px;font-size:.85rem;display:flex}.guide-page section{margin-block:34px;scroll-margin-top:90px}.guide-page section h2{margin-bottom:16px;font-size:1.4rem;line-height:1.6}.guide-page section ul{color:#c0c0c7;gap:12px;margin-top:16px;padding-left:24px;line-height:1.9;display:grid}.guide-next{background:linear-gradient(120deg,#ff7a1a14,#0d0d0d);border:1px solid #ff7a1a40;border-radius:22px;margin-top:50px;padding:30px}.guide-next h2{margin:12px 0;font-size:1.4rem}.guide-next p:not(.section-kicker){color:var(--mut);margin-bottom:24px;line-height:1.9}.guide-next .btn{margin-bottom:10px;margin-right:10px}@media (width<=1060px){.academy-hero{gap:28px;padding-top:56px}.academy-intro h1{font-size:3.5rem}.academy-paths,.academy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preparation-grid{grid-template-columns:1fr}}@media (width<=780px){.academy-hero{grid-template-columns:1fr;gap:36px;padding:40px 0 10px}.academy-intro h1{font-size:clamp(2.8rem,9vw,4rem)}.academy-feature{width:100%;max-width:600px;margin-inline:auto}.academy-home>section{margin-bottom:64px}.guide-grid,.academy-step-grid{grid-template-columns:1fr}.academy-play{top:32%}.section-heading .text-link{font-size:.75rem}.guide-page{padding-top:28px}}@media (width<=480px){.academy-grid{grid-template-columns:1fr;gap:20px}.academy-paths{grid-template-columns:1fr}.academy-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.academy-actions .btn{padding:12px 10px;font-size:.82rem}.academy-actions .btn svg:last-child{display:none}.academy-eyebrow{letter-spacing:.08em;font-size:.55rem}.academy-feature{padding:12px}.academy-feature-heading>span:first-child{font-size:.66rem}.academy-feature-heading>span:last-child{font-size:.55rem}.academy-down{margin-top:20px}.academy-film-copy{padding:16px}.academy-hero:before{width:100%;right:0}.desktop-break{display:none}.guide-next{padding:22px}.guide-page section h2{font-size:1.2rem}}@media (prefers-reduced-motion:reduce){.guide-card,.academy-film>img{transition:none}.guide-card:hover{transform:none}}