:root{--navy:#061426;--ink:#0a1a2e;--blue:#087cff;--orange:#ff8a00;--paper:#f4f7fb;--line:#d9e2ec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:white;font:400 16px Kanit,Arial,sans-serif}a{color:inherit;text-decoration:none}body>header{height:76px;position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid #ffffff18}.brand{display:flex;align-items:center;gap:10px;font:600 16px Outfit;letter-spacing:1px}.brand span{width:38px;height:38px;display:grid;place-items:center;border:1px solid #59a8ff;border-radius:11px;background:linear-gradient(145deg,var(--blue),#0053b8);font:800 22px Outfit}.brand b{color:var(--orange)}body>header nav{display:flex;gap:25px;font:500 11px Outfit;letter-spacing:1.2px;color:#bed0e4}.menu{display:none;background:none;border:0;color:white;font-size:24px}.hero{min-height:100svh;padding:135px 7vw 85px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;position:relative;background:radial-gradient(circle at 80% 45%,#087cff3d,transparent 25%),radial-gradient(circle at 20% 100%,#ff8a001d,transparent 24%),linear-gradient(145deg,#081a30,#030913 75%)}.crumb{position:absolute;top:100px;left:7vw;display:flex;gap:10px;color:#7088a2;font-size:12px}.crumb i{font-style:normal}.crumb b{color:#55b2ff}.hero>div>p{font:600 12px Outfit;letter-spacing:3px;color:#55b7ff}.hero h1{font:800 clamp(74px,10vw,150px)/.72 Outfit;margin:45px 0;letter-spacing:-5px}.hero h1 span{color:transparent;-webkit-text-stroke:2px #278fff;text-shadow:0 0 50px #087cff55}.hero h2{font:700 19px Outfit;letter-spacing:4px}.hero blockquote{font-size:18px;line-height:1.8;color:#aabdd2;margin:30px 0 0;padding-left:20px;border-left:3px solid var(--orange)}.hero blockquote b{color:white}.hero aside{justify-self:center;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:min(34vw,460px)}.hero aside>span{aspect-ratio:1;display:grid;place-items:center;border:1px solid #53a9ff60;border-radius:50%;font:700 12px Outfit;color:#63b8ff}.hero aside p{grid-column:1/-1;font:600 11px/2 Outfit;letter-spacing:1.5px;color:#8199b3;text-align:center}.principle{padding:90px 7vw;background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.principle h2{font:800 clamp(42px,5vw,70px)/1 Outfit;margin:0;letter-spacing:-2px}.principle p{font-size:18px;line-height:1.8;color:#617185}.principle strong{display:block;margin-top:25px;padding-top:20px;border-top:1px solid #ccd8e5;color:var(--blue)}.standard{padding:110px 6vw;display:grid;grid-template-columns:80px .65fr 1.35fr;gap:4vw}.light{background:var(--paper);color:var(--ink)}.dark{background:#071425}.number{font:800 13px Outfit;color:var(--orange)}.title>p{font:600 11px Outfit;letter-spacing:2px;color:var(--blue)}.title h2{font:800 clamp(38px,4.7vw,68px)/1 Outfit;margin:18px 0;letter-spacing:-2px}.content>h3{font:800 27px Outfit;margin:0 0 20px}.lead{font-size:17px;line-height:1.75;color:#617186}.stage-grid,.price-grid,.exam-grid,.day-grid,.reward{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:28px 0 45px}.stage-grid article,.price-grid article,.exam-grid article,.day-grid article{padding:18px;border:1px solid var(--line);border-radius:11px;background:white;min-height:150px;display:flex;flex-direction:column}.stage-grid span,.price-grid span,.exam-grid span,.day-grid span,.reward span,.books span{font:600 10px Outfit;letter-spacing:1px;color:var(--blue)}.stage-grid h4,.day-grid h3{font:800 16px Outfit;margin:auto 0 5px}.stage-grid p,.price-grid p,.exam-grid p,.day-grid p{font-size:13px;color:#758598;margin:4px 0}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 35px}.chips span{padding:8px 11px;border-radius:99px;border:1px solid #cbd8e5;font:600 11px Outfit;color:#4c6d8f}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feature-grid article{padding:20px;background:#e8f2fd;border-radius:11px}.feature-grid h4{font:700 13px Outfit;color:var(--blue)}.feature-grid p{color:#617286;line-height:1.6}.progress-demo{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.progress-demo div{padding:14px;background:white;border:1px solid var(--line);border-radius:9px}.progress-demo b{display:block;font:600 10px Outfit;color:#7b8b9e}.progress-demo strong{color:var(--blue);font:700 17px Outfit}.dark .title>p{color:#63b8ff}.dark .price-grid article,.dark .day-grid article{background:#0d2038;border-color:#ffffff17}.price-grid h3{font:800 27px Outfit;margin:auto 0 5px}.price-grid h3 small{font:400 12px Kanit}.dark .price-grid p,.dark .day-grid p{color:#8fa4bc}.books{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:24px;background:#0d2038;border:1px solid #ffffff17;border-radius:13px}.books h3{margin:10px 0}.books strong{color:var(--orange);font-size:21px}.books ul{margin:0;padding-left:20px;color:#aebfd2;line-height:2}.exam-grid article{text-align:center}.exam-grid b{font:800 35px Outfit;color:var(--blue);margin:auto 0}.score-bar{display:grid;grid-template-columns:repeat(4,1fr);margin:20px 0 30px;border-radius:11px;overflow:hidden}.score-bar span{padding:16px;text-align:center;color:white;background:#a94242;font-size:12px}.score-bar span:nth-child(2){background:#117a8a}.score-bar span:nth-child(3){background:#0873d1}.score-bar span:nth-child(4){background:#6f35bd}.score-bar b{font:700 10px Outfit}.retry{padding:22px;border-left:4px solid var(--orange);background:white;box-shadow:0 10px 35px #11294410}.retry>b{color:var(--orange);font:700 12px Outfit;letter-spacing:1px}.retry p{font-size:17px;line-height:1.7;margin-bottom:0}.note{font-size:13px;line-height:1.6;color:#7d8da0;margin-top:22px}.dark .note{color:#7f94ab}.day-grid{grid-template-columns:repeat(4,1fr)}.day-grid b{margin-top:auto;color:#63b8ff}.experience{padding:25px;background:#0d2038;border:1px solid #ffffff17;border-radius:13px}.experience p{color:#a2b4c8;line-height:1.7}.experience strong{color:var(--orange)}.reward{grid-template-columns:1fr 1fr;margin-bottom:15px}.reward article{padding:23px;border-radius:12px;background:linear-gradient(145deg,#144c7d,#0d2038);border:1px solid #3385ca}.reward h3{margin:12px 0}.reward b{font:800 26px Outfit;color:#ffd064}.record-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px}.record-card{background:white;border:1px solid var(--line);border-radius:14px;padding:20px}.record-card header{display:flex;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--line)}.record-card header>span{width:45px;height:45px;display:grid;place-items:center;border-radius:10px;background:var(--blue);color:white;font:800 15px Outfit;margin-right:11px}.record-card small{display:block;color:#8292a5;font:600 9px Outfit}.record-card header b{font:700 17px Outfit}.record-card em{margin-left:auto;font:600 10px Outfit;color:#6f8195}.record-card ul{list-style:none;margin:12px 0;padding:0}.record-card li{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #e1e7ee;font:600 11px Outfit}.record-card li span{color:var(--blue)}.record-card footer{display:flex;justify-content:space-between;color:#75879a;font:600 10px Outfit}.record-card footer strong{color:var(--orange);font-size:17px}.timeline ol{list-style:none;margin:20px 0;padding:0;border-left:2px solid #93c8ff}.timeline li{padding:0 0 20px 20px;position:relative}.timeline li:before{content:"";position:absolute;left:-6px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--blue)}.timeline li b{display:block;color:var(--blue);font:700 12px Outfit}.timeline li span{font-size:14px}.timeline>p{color:#6e7f92;line-height:1.8}.summary{padding:120px 7vw;text-align:center;background:radial-gradient(circle,#087cff30,transparent 30%),#030a13}.summary>p{font:600 11px Outfit;letter-spacing:2.5px;color:#5ab5ff}.summary h2{font:800 clamp(48px,7vw,100px)/.9 Outfit;margin:30px 0}.summary h2 span{color:var(--orange)}.summary>div{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;color:#8499b0;font:600 11px Outfit}.summary>a{display:inline-block;margin-top:45px;padding:13px 17px;border:1px solid #ffffff30;border-radius:8px;font:600 11px Outfit}.site-footer{min-height:170px;padding:40px 6vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;background:#02070d;border-top:1px solid #ffffff12}.site-footer>p{text-align:center;font:500 10px Outfit;letter-spacing:2px;color:#70849b}.site-footer small{text-align:right;color:#53667d;font:11px Outfit}
@media(max-width:950px){body>header{height:68px;padding:0 20px}body>header nav{display:none;position:absolute;top:68px;left:0;right:0;background:#071425f5;flex-direction:column;padding:22px}body>header nav.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr;padding:135px 22px 80px;min-height:850px}.crumb{left:22px;top:91px}.hero h1{font-size:90px}.hero aside{position:absolute;right:-80px;bottom:65px;opacity:.32;width:300px}.hero>div{z-index:1}.principle{grid-template-columns:1fr;padding:75px 22px}.standard{grid-template-columns:55px 1fr;padding:80px 22px;gap:20px}.standard .content{grid-column:2}.stage-grid,.price-grid,.day-grid{grid-template-columns:repeat(2,1fr)}.exam-grid{grid-template-columns:repeat(4,1fr)}.record-layout{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;text-align:center;gap:22px}.site-footer .brand{justify-content:center}.site-footer small{text-align:center}}@media(max-width:560px){.hero h1{font-size:66px}.hero blockquote{font-size:16px}.standard{grid-template-columns:1fr}.standard .content{grid-column:auto}.number{font-size:26px}.stage-grid,.price-grid,.exam-grid,.day-grid,.feature-grid,.progress-demo,.reward,.books{grid-template-columns:1fr}.score-bar{grid-template-columns:repeat(2,1fr)}.record-card header{align-items:flex-start}.record-card em{display:none}.summary h2{font-size:49px}}