.hs-orange{color:#ff6100}.hs-blue{color:#008cff}.academy-v2-page{background-color:#e4eef8;min-height:100vh;padding:2.5rem 1rem 4rem}.academy-v2-container{width:100%;max-width:1280px;margin:0 auto;padding:0 2rem}@media (max-width:768px){.academy-v2-container{padding:0}}.academy-v2-header{flex-flow:wrap;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2.5rem;display:flex}.academy-v2-title{white-space:nowrap;margin:0;font-size:2.5rem;font-weight:700;line-height:1.15}.academy-v2-title-aca{color:#008cff;font-weight:400}.academy-v2-title-demy{color:#008cff;font-weight:700}.academy-v2-search-slot{flex:320px;max-width:480px}@media (max-width:768px){.academy-v2-header{flex-direction:column;align-items:stretch}.academy-v2-title{text-align:left;white-space:normal}.academy-v2-search-slot{flex:none;max-width:100%}}.academy-search-wrapper{z-index:2;flex-direction:row;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.academy-search-form{border:2px solid #fff;border-radius:40px;flex-direction:row;align-items:center;width:100%;display:flex;position:relative;box-shadow:0 4px 8px -2px #00465a0d,0 4px 2rem #00465a0d}.academy-search-icon{z-index:2;cursor:pointer;opacity:.75;pointer-events:none;width:40px;height:40px;padding:10px;position:absolute;top:0;left:0}.academy-search-input{color:#242933;z-index:1;background:#edf4fa;border:1px solid #fff;border-radius:40px;outline:none;width:100%;height:38px;padding:8px 40px 8px 2rem;font-size:1rem;transition:all .25s ease-in-out;position:relative}.academy-search-input:focus,.academy-search-input:hover{background:linear-gradient(275deg,#eff3f780 0%,#fff 80%);box-shadow:0 0 4px #008cff;border:1px solid #008cff!important}.academy-search-input:focus{z-index:2}.academy-search-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#008cff;border:3px solid #fff;border-radius:40px;flex-shrink:0;min-width:120px;max-width:120px;height:44px;margin:0;font-size:1.125rem;font-weight:600;transition:filter .15s}.academy-search-btn:hover{filter:saturate(2)}.academy-search-btn:disabled{opacity:.55;cursor:default}.academy-search-btn:disabled:hover{filter:saturate();cursor:default}.academy-v2-hero{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}@media (max-width:900px){.academy-v2-hero{grid-template-columns:1fr}}.academy-v2-getstarted{background:#f3f8fc;border:3px solid #fff;border-radius:2rem;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}@media (max-width:768px){.academy-v2-getstarted{padding:1rem}}.academy-v2-getstarted-img{aspect-ratio:16/9;object-fit:cover;border:3px solid #fff;border-radius:1.25rem;width:100%;height:auto}.academy-v2-getstarted-title{color:#008cff;margin:0;font-size:1.25rem;font-weight:700}.academy-v2-getstarted-desc{color:#596068;margin:0;font-size:.9375rem}.academy-v2-getstarted-btn{color:#fff;background-color:#008cff;border-radius:9999px;align-self:flex-end;padding:.4375rem 2.25rem;font-size:.9375rem;font-weight:600;text-decoration:none}.academy-v2-courses{background:#f3f8fc;border:3px solid #fff;border-radius:2rem;flex-direction:column;gap:0;padding:.75rem 1.5rem 1.5rem;display:flex}.academy-v2-courses-head{align-items:center;gap:.625rem;display:flex}.academy-v2-courses-head-text{border-bottom:2px solid #dde3ea;flex:1;justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.academy-v2-courses-title{color:#008cff;margin:0;font-size:1.125rem;font-weight:700}.academy-v2-courses-head-badge{background:#fafcfe;border:3px solid #fff;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 4px 10px #008cff26}.academy-v2-courses-more{color:#008cff;font-size:.875rem;font-weight:600;text-decoration:none}.academy-v2-courses-more:hover{text-decoration:underline}.academy-v2-course-row{border-bottom:1px solid #dde3ea;align-items:center;gap:.875rem;padding:.75rem 0;text-decoration:none;display:flex}.academy-v2-course-row:last-child{border-bottom:none}.academy-v2-course-thumb{aspect-ratio:16/9;border:3px solid #fff;border-radius:1rem;flex-shrink:0;width:192px;position:relative;overflow:hidden}@media (max-width:768px){.academy-v2-course-thumb{aspect-ratio:4/3;width:30%}}.academy-v2-course-thumb img.cover{object-fit:cover;width:100%;height:100%}.academy-v2-course-text{flex:1;min-width:0}.academy-v2-course-title{color:#008cff;margin:0 0 .25rem;font-size:.9375rem;font-weight:600}.academy-v2-course-desc{color:#8a919b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8125rem;display:-webkit-box;overflow:hidden}.academy-v2-course-play{background:#ff6100;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.academy-v2-features{background:#f3f8fc;border:3px solid #fff;border-radius:2rem;margin-bottom:1.5rem;padding:.75rem 1.5rem 1.5rem}.academy-v2-features-head{align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.academy-v2-features-head-text{border-bottom:2px solid #dde3ea;flex:1;justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.academy-v2-features-title{color:#008cff;margin:0;font-size:1.25rem;font-weight:700}.academy-v2-features-head-badge{background:#fafcfe;border:3px solid #fff;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 4px 10px #008cff26}.academy-v2-features-more{color:#008cff;font-size:.875rem;font-weight:600;text-decoration:none}.academy-v2-features-more:hover{text-decoration:underline}.academy-v2-features-grid{grid-template-columns:repeat(5,1fr);gap:1rem;display:grid}@media (max-width:900px){.academy-v2-features-grid{grid-template-columns:none;grid-auto-columns:200px;grid-auto-flow:column;padding-bottom:.5rem;overflow-x:auto}}.academy-v2-feature-card{flex-direction:column;height:100%;text-decoration:none;display:flex}.academy-v2-feature-thumb{aspect-ratio:4/3;background:#e4eef8;border-radius:1rem 1rem 0 0;width:100%;position:relative;overflow:hidden}.academy-v2-feature-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.academy-v2-feature-card:hover .academy-v2-feature-thumb img{transform:scale(1.03)}.academy-v2-feature-body{background-color:#e1edf8;border-radius:0 0 1rem 1rem;flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex}.academy-v2-feature-tags{flex-wrap:wrap;gap:.375rem;margin-top:auto;display:flex}.academy-v2-feature-tag{white-space:nowrap;background:#fff;border-radius:9999px;padding:.125rem .5rem;font-size:.625rem;font-weight:500}.academy-v2-feature-name{color:#008cff;height:auto;margin:0;font-size:.8125rem;font-weight:600}.academy-v2-feature-date{color:#8a919b;border-top:2px solid #c9d2db;justify-content:flex-end;align-items:center;gap:.375rem;margin:0;padding-top:.5rem;font-size:.6875rem;display:flex}.academy-v2-bottom{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (max-width:768px){.academy-v2-bottom{grid-template-columns:1fr}}.academy-v2-bottom-card{background:#f3f8fc;border:3px solid #fff;border-radius:2rem;flex-direction:column;gap:1.25rem;padding:.75rem 1.5rem 1.5rem;display:flex}.academy-v2-bottom-head{align-items:center;gap:.625rem;display:flex}.academy-v2-bottom-head-text{border-bottom:2px solid #dde3ea;flex:1;justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.academy-v2-bottom-head-title{color:#008cff;align-items:center;gap:.625rem;margin:0;font-size:1.0625rem;font-weight:700;display:flex}.academy-v2-bottom-head-badge{background:#fafcfe;border:3px solid #fff;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 4px 10px #008cff26}.academy-v2-bottom-body{align-items:center;gap:1.25rem;text-decoration:none;display:flex;overflow:hidden}.academy-v2-bottom-icon-wrap{aspect-ratio:1;border:3px solid #fff;border-radius:1rem;flex-shrink:0;width:30%;display:block;overflow:hidden}.academy-v2-bottom-icon{object-fit:cover;width:100%;height:100%;transition:transform .3s}.academy-v2-bottom-body:hover .academy-v2-bottom-icon{transform:scale(1.03)}.academy-v2-bottom-title{color:#008cff;margin:0 0 .375rem;font-size:1rem;font-weight:700}.academy-v2-bottom-desc{color:#596068;margin:0;font-size:.875rem}.academy-v2-bottom-more{color:#008cff;font-size:.8125rem;font-weight:600;text-decoration:none}.academy-v2-bottom-more:hover{text-decoration:underline}@media (max-width:768px){.academy-v2-getstarted-desc,.academy-v2-course-desc,.academy-v2-bottom-desc{font-size:.75rem}.academy-v2-courses,.academy-v2-features,.academy-v2-bottom-card{padding:.75rem 1rem 1rem}}
.al-backdrop{z-index:1000;background-color:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}#AcademyLogin{z-index:2;width:100%;max-width:560px;position:relative}#AcademyLogin .al-content{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fff;border:3px solid #fff;border-radius:1.5rem;flex-direction:column;width:100%;max-width:580px;max-height:80vh;margin:0 auto;padding:2rem;display:flex;position:relative;overflow-y:auto;box-shadow:0 1px 1px #0000001f,0 1px 6px #0000000d}@media (max-width:1600px){#AcademyLogin .al-content{max-height:90vh}}@media (max-width:599px){#AcademyLogin .al-content{max-height:100vh;padding:2rem 1rem}}.al-space{width:100%;height:1.5rem}@media (max-width:1600px){.al-space{height:1rem}}.al-lang-wrapper{flex-direction:row;justify-content:flex-end;align-items:center;gap:6px;padding-right:8px;display:flex;position:absolute;top:8px;right:0;scale:.85}.al-lang-label{color:#999;font-size:.875rem}.al-lang-toggle{cursor:pointer;background-color:#ececec;border-radius:20px;flex-direction:row;align-items:center;gap:2px;padding:3px 4px;display:flex}.al-lang-btn{color:#999;cursor:pointer;opacity:1;background:0 0;border:none;border-radius:50%;width:22px;height:20px;padding:0;font-size:10px}.al-lang-btn.selected{color:#fff;text-shadow:0 1px 4px #00000040;background-color:#008eff}.al-top-card{width:100%;margin:auto auto 0;padding:6px}.al-register-h1{text-align:center;color:#333;flex-direction:column;align-items:center;gap:0;margin:0;font-size:1.25rem;font-weight:500;line-height:2;display:flex}.al-logo{width:184px;height:auto;display:block}.al-card{width:100%;max-width:360px;margin:0 auto auto;padding:0}@media (max-width:599px){.al-card{padding:0 10px}}.al-form-group{flex-direction:column;gap:4px;width:90%;margin-bottom:.25rem;margin-left:auto;margin-right:auto;display:flex}.al-label{color:#555;font-size:.875rem;font-weight:500}.al-input{border:1px solid #ccc;border-radius:6px;outline:none;width:100%;height:42px;padding:0 12px;font-family:Anuphan,sans-serif;font-size:14px;transition:border-color .2s}.al-input:focus{border-color:#008cff}.al-input-wrap{align-items:center;display:flex;position:relative}.al-input-wrap .al-input{padding-right:40px}.al-eye-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.al-error{color:#dc143c;text-align:center;white-space:pre-line;width:90%;margin:0 auto .5rem;font-size:.8rem}.al-btn{cursor:pointer;border:none;border-radius:22px;justify-content:center;align-items:center;min-width:200px;max-width:200px;height:44px;margin:0 auto;font-family:Anuphan,sans-serif;font-size:1.25rem;font-weight:500;text-decoration:none;transition:opacity .2s;display:flex}.al-btn:disabled{opacity:.5;cursor:not-allowed}.al-btn-primary{color:#fff;background:linear-gradient(135deg,#ff4900,#ff8100)}.al-btn-primary:hover:not(:disabled){opacity:.9}.al-skip-btn{color:#008cff;cursor:pointer;background:0 0;border:1px solid #ccc;border-radius:1rem;min-width:120px;max-width:120px;height:32px;margin:0 auto;font-family:Anuphan,sans-serif;font-size:.875rem;font-weight:600;display:block}.al-skip-btn:hover{background:#f5f5f5}.al-divider{text-align:center;width:100%;padding:0 6px;position:relative}.al-divider:after{content:"";z-index:0;background-color:#008cff;width:90%;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.al-divider-text{z-index:2;color:#464646;background-color:#fff;padding:0 8px;font-size:.9rem;font-weight:500;position:relative}.al-social-group{flex-direction:row;justify-content:center;align-items:center;gap:1rem;width:90%;margin:0 auto;display:flex}.al-social-btn{cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:6px;display:flex}.al-social-btn:hover{filter:brightness(95%)}.al-social-logo{width:42px}.humansoft-orange{color:#ff6100}.humansoft-blue{color:#008cff}.al-warning{text-align:center;color:#dc143c;margin-top:.5rem;font-size:.75rem;font-weight:500}
