.welcome-container[data-astro-cid-bt7534uk]{position:relative;overflow:hidden;background:#f5f5f5;opacity:1;background-image:radial-gradient(#ccc .95px,#f5f5f5 .95px);background-size:19px 19px}.welcome-container[data-astro-cid-bt7534uk]>.padding[data-astro-cid-bt7534uk]{padding:30px 0}.welcome-container[data-astro-cid-bt7534uk]>.bg-main[data-astro-cid-bt7534uk]{position:absolute;width:100%;height:100%;background:#f5f5f5;z-index:-3}.welcome-container[data-astro-cid-bt7534uk]>.bg-noise[data-astro-cid-bt7534uk]{position:absolute;width:100%;height:100%;background:#f1f1f1;z-index:-2}.welcome-container[data-astro-cid-bt7534uk]>.bg-fade[data-astro-cid-bt7534uk]{position:absolute;width:100%;height:100%;background:linear-gradient(to right,transparent,#f9f9f9);z-index:-1}.grid[data-astro-cid-bt7534uk]{display:grid;align-items:center;grid-gap:2rem;grid-template-columns:repeat(2,1fr)}@media (max-width: 1024px){.noise[data-astro-cid-bt7534uk]{--lines: 5px;mask:repeating-radial-gradient(circle at 50% 75%,#000,var(--lines),#000,0,rgba(0,0,0,0),calc(var(--lines) * 3),rgba(0,0,0,0) 0)}.welcome-container[data-astro-cid-bt7534uk]>.bg-fade[data-astro-cid-bt7534uk]{background:linear-gradient(to top,transparent,#f9f9f9)}.grid[data-astro-cid-bt7534uk]{display:flex;flex-direction:column-reverse}.grid[data-astro-cid-bt7534uk]>div[data-astro-cid-bt7534uk]:nth-child(1){padding:30px}}@media (max-width: 768px){.grid[data-astro-cid-bt7534uk]>div[data-astro-cid-bt7534uk]:nth-child(1){padding:20px}.grid[data-astro-cid-bt7534uk]{grid-gap:0}}.welcome-heading[data-astro-cid-bt7534uk]{font-size:3.75rem;margin:0;font-family:Noto Sans Thai,sans-serif;font-weight:500;color:#000}@media (max-width: 768px){.welcome-heading[data-astro-cid-bt7534uk]{font-size:2.5rem}}.about[data-astro-cid-bt7534uk]{font-size:1.25rem;margin:30px 0;color:#333;line-height:2.1875rem;font-family:Sarabun,sans-serif}.image[data-astro-cid-bt7534uk]{width:100%;height:auto;user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}@media (max-width: 768px){.image[data-astro-cid-bt7534uk]{width:100%;display:block;margin:0 auto 1rem}}.white-button[data-astro-cid-bt7534uk]{display:inline-block;color:#fff;padding:6px 12px;border:1px solid #aaa;text-decoration:none;border-radius:5rem;font-family:Noto Sans Thai,sans-serif}.wrapper[data-astro-cid-6fvcduqq]{padding-top:2rem;padding-bottom:4rem}.heading[data-astro-cid-6fvcduqq]{font-family:Noto Sans Thai,sans-serif;font-weight:400}.link[data-astro-cid-6fvcduqq]{display:inline-block;font-size:1.125rem;margin-top:3rem;color:#333;text-decoration:none;font-family:Noto Sans Thai,sans-serif;transition:.25s}.link[data-astro-cid-6fvcduqq]:hover{transform:translate(.5rem)}.grid[data-astro-cid-6fvcduqq]{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;margin-top:2rem}@media (max-width: 1100px){.grid[data-astro-cid-6fvcduqq]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid[data-astro-cid-6fvcduqq]{grid-template-columns:1fr}}.main-container[data-astro-cid-vxkdq6a4]{padding-top:3rem;padding-bottom:4rem;background:#f9f9f9}.main-container[data-astro-cid-vxkdq6a4] img[data-astro-cid-vxkdq6a4]{width:100%;height:auto}.main-container[data-astro-cid-vxkdq6a4] a[data-astro-cid-vxkdq6a4]{font-family:Sarabun,sans-serif;color:#4065c5;text-decoration:none;display:inline-block;font-weight:600;font-style:italic}.content[data-astro-cid-vxkdq6a4] h2[data-astro-cid-vxkdq6a4]{font-family:Crimson Text,serif;font-style:italic;font-weight:600;font-size:1.5rem}.content[data-astro-cid-vxkdq6a4] p[data-astro-cid-vxkdq6a4]{font-family:Sarabun,sans-serif;line-height:1.75rem;color:#555}.grid[data-astro-cid-vxkdq6a4]{display:grid;grid-gap:50px;grid-template-columns:repeat(3,1fr)}@media (max-width: 1024px){.grid[data-astro-cid-vxkdq6a4]{grid-gap:25px}}@media (max-width: 768px){.grid[data-astro-cid-vxkdq6a4]{grid-template-columns:1fr}}.section-container[data-astro-cid-i2hlew4t]{background:#f9f9f9}h2[data-astro-cid-i2hlew4t].heading{font-family:Crimson Text,serif;font-style:italic;font-weight:400;font-size:2.5rem;margin:0;margin-bottom:1.5rem}h2[data-astro-cid-i2hlew4t].heading>b[data-astro-cid-i2hlew4t]{font-weight:600}h2[data-astro-cid-i2hlew4t].heading blockquote[data-astro-cid-i2hlew4t]{margin:0}h2[data-astro-cid-i2hlew4t].heading blockquote[data-astro-cid-i2hlew4t] span[data-astro-cid-i2hlew4t]{position:absolute;font-size:2.5rem;transform:translate(-1rem)}.sub-heading[data-astro-cid-i2hlew4t]{font-family:Inter Tight,Noto Sans Thai,sans-serif;font-style:italic;font-weight:500;margin-top:.5rem;color:#333}.sub-heading[data-astro-cid-i2hlew4t] .badge[data-astro-cid-i2hlew4t]{background:#f9990220;color:#d27032;padding:.25rem .5rem;border-radius:.25rem;margin-right:.5rem;font-style:italic;margin-left:-.5rem;font-weight:600}p[data-astro-cid-i2hlew4t]{font-family:Sarabun,sans-serif;line-height:1.75rem;font-size:1rem;color:#555;margin-top:1.5rem}.enter-lesson[data-astro-cid-i2hlew4t]{margin-top:1.5rem;display:inline-block;font-size:1.125rem;font-weight:600;color:#333!important;text-decoration:none;font-family:Noto Sans Thai,sans-serif;transition:.25s}.enter-lesson[data-astro-cid-i2hlew4t].hover:hover{transform:translate(.5rem)}.grid[data-astro-cid-i2hlew4t]{display:grid;grid-gap:4rem;padding:3rem 0 2.5rem;grid-template-columns:2fr 3fr}.grid[data-astro-cid-i2hlew4t].content{margin-top:-5rem}.grid[data-astro-cid-i2hlew4t] a[data-astro-cid-i2hlew4t]{color:#834400;font-weight:500;text-decoration:none}.grid[data-astro-cid-i2hlew4t] a[data-astro-cid-i2hlew4t]:hover{color:#ad5a01}.grid[data-astro-cid-i2hlew4t] a[data-astro-cid-i2hlew4t][target=_blank]{color:#2149ae;font-weight:500;text-decoration:none}.grid[data-astro-cid-i2hlew4t] a[data-astro-cid-i2hlew4t][target=_blank]:hover{color:#527ce8}@media (max-width: 1024px){.grid[data-astro-cid-i2hlew4t].content{margin-top:-6.5rem}.grid[data-astro-cid-i2hlew4t]>div[data-astro-cid-i2hlew4t]:nth-child(1){order:1}.grid[data-astro-cid-i2hlew4t] .interactive[data-astro-cid-i2hlew4t]{margin-top:3rem}}@media (max-width: 1024px){.grid[data-astro-cid-i2hlew4t]{grid-gap:1.5rem;grid-template-columns:1fr}}.interactive[data-astro-cid-i2hlew4t]{position:relative}.interactive[data-astro-cid-i2hlew4t] .andrej[data-astro-cid-i2hlew4t]{width:255px;position:absolute;top:-132px;right:-18px;user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.section-container[data-astro-cid-bpu5pkeq]{background:#181818;padding:3rem 0 2.75rem;position:relative;overflow:hidden}.section-container[data-astro-cid-bpu5pkeq] .bg-pattern[data-astro-cid-bpu5pkeq]{position:absolute;z-index:0;top:0;right:0;height:100%;width:auto;user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.section-container[data-astro-cid-bpu5pkeq] .inner[data-astro-cid-bpu5pkeq]{z-index:999;position:relative}.sub-heading[data-astro-cid-bpu5pkeq]{font-family:Inter Tight,sans-serif;font-style:italic;font-weight:500;color:#999}.sub-heading[data-astro-cid-bpu5pkeq]>span[data-astro-cid-bpu5pkeq]:nth-child(1){background:#ffc85d20;color:#ffc85d;padding:.25rem .5rem;border-radius:.25rem;margin-right:.5rem}.sub-heading[data-astro-cid-bpu5pkeq]>span[data-astro-cid-bpu5pkeq]:nth-child(2){font-family:Sarabun,sans-serif;font-size:1rem;color:#ccc;margin-top:1.5rem;line-height:2rem}@media screen and (max-width: 768px){.sub-heading[data-astro-cid-bpu5pkeq]>span[data-astro-cid-bpu5pkeq]:nth-child(2){display:block;margin-top:1rem;margin-left:.5rem}}h2[data-astro-cid-bpu5pkeq].heading{font-family:Crimson Text,serif;font-style:italic;font-weight:500;font-size:2.5rem;color:#fff;margin:1rem 0}h2[data-astro-cid-bpu5pkeq].heading>b[data-astro-cid-bpu5pkeq]{font-weight:600}.content[data-astro-cid-bpu5pkeq] p[data-astro-cid-bpu5pkeq]{font-family:Sarabun,sans-serif;line-height:1.75rem;font-size:1rem;color:#ccc;margin-top:1.5rem}.content[data-astro-cid-bpu5pkeq] ul[data-astro-cid-bpu5pkeq]{margin-top:1.5rem;color:#ccc;font-family:Sarabun,sans-serif;line-height:1.75rem;width:75%}.content[data-astro-cid-bpu5pkeq] ul[data-astro-cid-bpu5pkeq] li[data-astro-cid-bpu5pkeq]{margin-bottom:.5rem}.readmore[data-astro-cid-bpu5pkeq]{margin-top:1rem;display:inline-block;font-size:1.125rem;font-weight:600;color:#fff!important;text-decoration:none;font-family:Noto Sans Thai,sans-serif;transition:.25s}.readmore[data-astro-cid-bpu5pkeq]:hover{transform:translate(.5rem)}.grid[data-astro-cid-bpu5pkeq]{display:grid;grid-gap:3rem;grid-template-columns:1fr 35vw}.grid[data-astro-cid-bpu5pkeq] a[data-astro-cid-bpu5pkeq]{color:#834400;font-weight:500;text-decoration:none}.grid[data-astro-cid-bpu5pkeq] a[data-astro-cid-bpu5pkeq]:hover{color:#ad5a01}.grid[data-astro-cid-bpu5pkeq] a[data-astro-cid-bpu5pkeq][target=_blank]{color:#2149ae;font-weight:500;text-decoration:none}.grid[data-astro-cid-bpu5pkeq] a[data-astro-cid-bpu5pkeq][target=_blank]:hover{color:#527ce8}@media (max-width: 1024px){.grid[data-astro-cid-bpu5pkeq]>div[data-astro-cid-bpu5pkeq]:nth-child(1){order:1}}@media (max-width: 1024px){.grid[data-astro-cid-bpu5pkeq]{grid-gap:1rem;grid-template-columns:1fr}.grid[data-astro-cid-bpu5pkeq]>div[data-astro-cid-bpu5pkeq]:nth-child(1){max-width:calc(100vw - 3rem)}.bg-pattern[data-astro-cid-bpu5pkeq]{opacity:.5;transform:translate(50%)}}.browser[data-astro-cid-bpu5pkeq]{position:relative;background:#f0f0f0;width:200vw;border-bottom-left-radius:.25rem;border-top-left-radius:.25rem;margin-top:-40px;box-shadow:0 0 10px #0000000d;border:1px solid rgba(0,0,0,.1);z-index:999}@media screen and (max-width: 1024px){.browser[data-astro-cid-bpu5pkeq]{margin-top:2.5rem}}.browser[data-astro-cid-bpu5pkeq] .head[data-astro-cid-bpu5pkeq]{width:200vw;height:40px;background:#fff;display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,.125)}.browser[data-astro-cid-bpu5pkeq] .head[data-astro-cid-bpu5pkeq] div[data-astro-cid-bpu5pkeq]{width:15px;height:15px;border-radius:50%;margin-left:.25rem}.browser[data-astro-cid-bpu5pkeq] .head[data-astro-cid-bpu5pkeq] div[data-astro-cid-bpu5pkeq]:first-child{margin-left:.75rem}.customers[data-astro-cid-bpu5pkeq]{width:80%;margin-top:.5rem;margin-bottom:.5rem}@media screen and (max-width: 768px){.customers[data-astro-cid-bpu5pkeq]{width:100%}}.card[data-astro-cid-vppf7phe]{border-radius:.5rem;padding:1.5rem;color:#fff;text-decoration:none}.card[data-astro-cid-vppf7phe].cracking-the-leetcode{background-color:#fff;opacity:1;background-image:linear-gradient(135deg,#faf1e4 25%,transparent 25%),linear-gradient(225deg,#faf1e4 25%,transparent 25%),linear-gradient(45deg,#faf1e4 25%,transparent 25%),linear-gradient(315deg,#faf1e4 25%,#fff 25%);background-position:15px 0,15px 0,0 0,0 0;background-size:30px 30px;background-repeat:repeat;color:#000;border:1px solid #ddd}.card[data-astro-cid-vppf7phe].cracking-the-leetcode h2[data-astro-cid-vppf7phe]{font-weight:600}.card[data-astro-cid-vppf7phe].cracking-the-leetcode p[data-astro-cid-vppf7phe]{font-weight:500}.card[data-astro-cid-vppf7phe].simply-explained{background-color:#a73a69;opacity:1;background-image:linear-gradient(135deg,#af4d78 25%,transparent 25%),linear-gradient(225deg,#af4d78 25%,transparent 25%),linear-gradient(45deg,#af4d78 25%,transparent 25%),linear-gradient(315deg,#af4d78 25%,#a73a69 25%);background-position:26px 0,26px 0,0 0,0 0;background-size:26px 26px;background-repeat:repeat}.card[data-astro-cid-vppf7phe].practical-byte{background-color:#512b10;opacity:1;background-image:linear-gradient(30deg,#713c17 12%,transparent 12.5%,transparent 87%,#713c17 87.5%,#713c17),linear-gradient(150deg,#713c17 12%,transparent 12.5%,transparent 87%,#713c17 87.5%,#713c17),linear-gradient(30deg,#713c17 12%,transparent 12.5%,transparent 87%,#713c17 87.5%,#713c17),linear-gradient(150deg,#713c17 12%,transparent 12.5%,transparent 87%,#713c17 87.5%,#713c17),linear-gradient(60deg,rgba(113,60,23,.4666666667) 25%,transparent 25.5%,transparent 75%,rgba(113,60,23,.4666666667) 75%,rgba(113,60,23,.4666666667)),linear-gradient(60deg,rgba(113,60,23,.4666666667) 25%,transparent 25.5%,transparent 75%,rgba(113,60,23,.4666666667) 75%,rgba(113,60,23,.4666666667));background-size:38px 67px;background-position:0 0,0 0,19px 33px,19px 33px,0 0,19px 33px}.card[data-astro-cid-vppf7phe].indie-hacking{background-color:#1f1f1f;opacity:1;background:linear-gradient(135deg,rgba(19,19,19,.3333333333) 25%,transparent 25%) -16px 0/32px 32px,linear-gradient(225deg,#131313 25%,transparent 25%) -16px 0/32px 32px,linear-gradient(315deg,rgba(19,19,19,.3333333333) 25%,transparent 25%) 0px 0/32px 32px,linear-gradient(45deg,#131313 25%,#1f1f1f 25%) 0px 0/32px 32px}.card[data-astro-cid-vppf7phe].coders-at-work{background-color:#c55b19;opacity:1;background-image:linear-gradient(135deg,#d27032 25%,transparent 25%),linear-gradient(225deg,#d27032 25%,transparent 25%),linear-gradient(45deg,#d27032 25%,transparent 25%),linear-gradient(315deg,#d27032 25%,#c55b19 25%);background-position:18px 0,18px 0,0 0,0 0;background-size:36px 36px;background-repeat:repeat}.heading[data-astro-cid-vppf7phe]{font-family:Crimson Text,serif;font-style:italic;font-size:1.6875rem;font-weight:400;margin:0}.description[data-astro-cid-vppf7phe]{font-family:Noto Sans Thai,sans-serif;font-size:1rem;margin:0;margin-top:1rem}.wrapper[data-astro-cid-vppf7phe]{padding-top:3rem;padding-bottom:3rem;background:#fff;border-top:2px dashed #ddd;border-bottom:2px dashed #ddd}.grid[data-astro-cid-vppf7phe]{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3rem}@media (max-width: 1100px){.grid[data-astro-cid-vppf7phe]{grid-template-columns:1fr;grid-gap:1.5rem}}.grid[data-astro-cid-vppf7phe] img[data-astro-cid-vppf7phe]{width:100%;height:100%;object-fit:cover}.section-container[data-astro-cid-ryotp3qf]{padding:3rem 0 5rem;background:#fff;position:relative}.inner[data-astro-cid-ryotp3qf]{position:relative}.heading[data-astro-cid-ryotp3qf]{font-size:1.5rem;font-family:Noto Sans Thai,sans-serif;font-style:italic;font-weight:500;text-align:center;margin-top:0;margin-bottom:2rem}.sub-heading[data-astro-cid-ryotp3qf]{margin-top:-1rem;font-family:Noto Sans Thai,sans-serif;font-weight:400;text-align:center;margin-bottom:3rem;font-size:1.125rem}.testimonial-card[data-astro-cid-ryotp3qf]{background:#fff;padding:2rem;border-radius:.25rem;border:1px solid #ddd;box-shadow:0 4px 6px -1px #0000001a;position:relative}.testimonial-card[data-astro-cid-ryotp3qf] .quote[data-astro-cid-ryotp3qf]{font-size:4rem;font-family:Crimson Text,serif;color:#0003;position:absolute;top:.5rem;left:1rem;z-index:0}.testimonial-card[data-astro-cid-ryotp3qf] .testimonial-text[data-astro-cid-ryotp3qf]{font-family:Sarabun,sans-serif;line-height:1.75;color:#333;margin-bottom:1.5rem;position:relative;z-index:1;margin:0;margin-bottom:1rem}.testimonial-card[data-astro-cid-ryotp3qf] .author[data-astro-cid-ryotp3qf]{border-top:1px solid #eee;padding-top:1rem}.testimonial-card[data-astro-cid-ryotp3qf] .author[data-astro-cid-ryotp3qf] .author-info[data-astro-cid-ryotp3qf] h4[data-astro-cid-ryotp3qf]{font-family:Noto Sans Thai,sans-serif;font-weight:600;color:#000;margin:0;margin-bottom:.25rem}.testimonial-card[data-astro-cid-ryotp3qf] .author[data-astro-cid-ryotp3qf] .author-info[data-astro-cid-ryotp3qf] p[data-astro-cid-ryotp3qf]{font-family:Sarabun,sans-serif;font-size:.875rem;margin:0;color:#555}.slider-container[data-astro-cid-ryotp3qf]{position:relative;width:100%;overflow:hidden;height:auto}.slider-wrapper[data-astro-cid-ryotp3qf]{display:flex;transition:transform .3s ease-in-out;min-height:100%}.slide[data-astro-cid-ryotp3qf]{min-width:100%;padding:0 10px;box-sizing:border-box;height:auto}@media (min-width: 768px){.slide[data-astro-cid-ryotp3qf]{min-width:50%}}@media (min-width: 1024px){.slide[data-astro-cid-ryotp3qf]{min-width:33.333%}}.slider-button[data-astro-cid-ryotp3qf]{position:absolute;top:50%;transform:translateY(-50%);background:#fff;border:1px solid #ddd;width:40px;height:40px;border-radius:50%;cursor:pointer;z-index:2}.slider-button[data-astro-cid-ryotp3qf].prev{left:0;transform:translate(-100%)}.slider-button[data-astro-cid-ryotp3qf].next{right:0;transform:translate(100%)}.slider-button[data-astro-cid-ryotp3qf].hidden{display:none}@media (max-width: 768px){.slider-button[data-astro-cid-ryotp3qf].prev{left:0;transform:translate(-25%)}.slider-button[data-astro-cid-ryotp3qf].next{right:0;transform:translate(25%)}}.slider-button[data-astro-cid-ryotp3qf]:hover{background:#f5f5f5}.dots[data-astro-cid-ryotp3qf]{display:flex;justify-content:center;gap:8px;margin-top:20px}.dots[data-astro-cid-ryotp3qf] .dot[data-astro-cid-ryotp3qf]{width:8px;height:8px;border-radius:50%;background:#ddd;cursor:pointer}.dots[data-astro-cid-ryotp3qf] .dot[data-astro-cid-ryotp3qf].active{background:#f99902}