body,p{font-family:var(--font-inter),system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif!important}.footer,.footer h4{position:relative}.feedback-name,.feedback-role,.spk-leaderName,.tech40-sources,.wc-hint{text-overflow:ellipsis}.light-background,:root{--background-color:#fff;--surface-color:#fff}.dark-background,:root{--contrast-color:#fff}.footer,.header,body{background-color:var(--background-color)}.chip,.spk-student,.wc-iconbtn,body.wc-resizing{-webkit-user-select:none;user-select:none}:root{--default-font:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--heading-font:"Be Vietnam Pro","Outfit",system-ui,sans-serif;--nav-font:"Inter",system-ui,sans-serif;--default-color:#1f2933;--heading-color:#002147;--accent-color:#daa520;--nav-color:#ffffffe0;--nav-hover-color:#daa520;--nav-mobile-background-color:#fff;--nav-dropdown-background-color:#fff;--nav-dropdown-color:#002147;--nav-dropdown-hover-color:#daa520;scroll-behavior:smooth;--clavis-blue:#002147;--clavis-gold:#daa520;--clavis-white:#fff;--spk-nav-h:0px;--cl-blue:#002147;--cl-gold:#daa520;--cl-white:#fff}.dark-background{--background-color:#060606;--surface-color:#252525}body{color:var(--default-color);font-family:var(--default-font)}.footer,.header{color:var(--default-color)}a{color:var(--accent-color);transition:all .3s}a:hover{color:color-mix(in srgb,var(--accent-color),transparent 25%)}h1,h2,h3,h4,h5,h6{color:var(--heading-color)}.header{--background-color:#fff0;z-index:997;padding:15px 0;transition:all .5s}.header .logo{line-height:1}.header .logo img{max-height:32px;margin-right:8px}.header .logo i{margin-right:6px;font-size:24px}.header .logo h1{color:var(--heading-color);margin:0;font-size:28px;font-weight:600}.footer,.footer .footer-about p{font-size:14px}.scrolled .header{--background-color:#000c;box-shadow:0 0 18px #0000001a}.footer .footer-top{border-top:1px solid color-mix(in srgb,var(--default-color),transparent 90%);padding-top:50px}.footer .footer-about .logo{margin-bottom:25px;line-height:1}.footer .footer-about .logo img{max-height:40px;margin-right:6px}.footer .footer-about .logo span{color:var(--heading-color);font-family:var(--heading-font);letter-spacing:1px;font-size:26px;font-weight:700}.footer .social-links a{border:1px solid color-mix(in srgb,var(--default-color),transparent 50%);width:40px;height:40px;color:color-mix(in srgb,var(--default-color),transparent 20%);border-radius:50%;justify-content:center;align-items:center;margin-right:10px;font-size:16px;transition:all .3s;display:flex}.footer .social-links a:hover{color:var(--accent-color);border-color:var(--accent-color)}.footer h4{padding-bottom:12px;font-size:16px;font-weight:700}.footer .footer-links{margin-bottom:30px}.footer .footer-links ul i{padding-right:2px;font-size:12px;line-height:0}.footer .footer-links ul li{align-items:center;padding:10px 0;display:flex}.footer .footer-links ul li:first-child,section#tech-activities{padding-top:0}.footer .footer-links ul a{color:color-mix(in srgb,var(--default-color),transparent 30%);line-height:1;display:inline-block}.footer .footer-contact p{margin-bottom:5px}.footer .copyright{border-top:1px solid color-mix(in srgb,var(--default-color),transparent 90%);padding:25px 0}.footer .credits{margin-top:8px;font-size:13px}.social-icon{color:#ffffffd9;border:1px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .25s;display:flex}.social-icon:hover{color:#daa520;border-color:#daa520;transform:translateY(-3px)}#preloader{z-index:999999;background:var(--background-color);transition:all .6s ease-out;position:fixed;inset:0;overflow:hidden}#preloader:before{content:"";border:6px solid #fff;border-color:var(--accent-color)transparent var(--accent-color)transparent;border-radius:50%;width:60px;height:60px;animation:1.5s linear infinite animate-preloader;position:fixed;top:calc(50% - 30px);left:calc(50% - 30px)}@keyframes animate-preloader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scroll-top{visibility:hidden;opacity:0;z-index:99999;background-color:var(--accent-color);border-radius:4px;width:40px;height:40px;transition:all .4s;position:fixed;bottom:15px;right:15px}.page-title,.section,section{color:var(--default-color);background-color:var(--background-color)}.scroll-top i{color:var(--contrast-color);font-size:24px;line-height:0}#chat-toggle:hover,.scroll-top:hover{background-color:color-mix(in srgb,var(--accent-color),transparent 20%);color:var(--contrast-color)}.scroll-top.active{visibility:visible;opacity:1}@media screen and (max-width:768px){[data-aos-delay]{transition-delay:0!important}}.page-title{background-position:50%;background-repeat:no-repeat;background-size:cover;padding:160px 0 80px;position:relative}.page-title:before{content:"";background-color:color-mix(in srgb,var(--background-color),transparent 30%);position:absolute;inset:0}.page-title h1{margin-bottom:10px;font-size:42px;font-weight:700}.page-title .breadcrumbs ol{flex-wrap:wrap;justify-content:center;margin:0;padding:0;font-size:16px;font-weight:400;list-style:none;display:flex}.page-title .breadcrumbs ol li+li,.real-context-content{padding-left:10px}.page-title .breadcrumbs ol li+li:before{content:"/";color:color-mix(in srgb,var(--default-color),transparent 50%);padding-right:10px;display:inline-block}.section,section{padding:60px 0;scroll-margin-top:90px;overflow:clip}.section-title{padding-bottom:20px;position:relative}.section-title h2{font-size:32px;font-weight:700;position:relative}.section-title h2:after,.section-title h2:before{content:"";background:var(--accent-color);width:50px;height:2px;display:inline-block}.section-title h2:before{margin:0 15px 10px 0}.section-title h2:after{margin:0 0 10px 15px}.card-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000059;border:1px solid #ffffff24;min-height:110px;transition:all .25s}.card-glass:hover{border-color:#ffffff4d;transform:translateY(-4px)}.icon-box{background:#ffffff1f;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.icon-box i{color:#ffc857;font-size:1.9rem}.card-title{color:#fff;font-size:1.05rem;font-weight:700}.card-sub{color:#eaeaea;font-size:.9rem}.reason-icon{background:#daa5201f;border-radius:14px;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:18px;display:flex}.reason-icon i{color:var(--accent-color);font-size:2rem}.course-link,.cta-benefits li{align-items:center;font-size:1rem}.timeline-cta{margin-top:40px}.timeline-cta .cta-heading{margin-bottom:18px;font-size:1.6rem;font-weight:700}.timeline-cta .cta-learnmore{background-color:var(--accent-color);color:var(--contrast-color);letter-spacing:.3px;border-radius:16px;padding:12px 28px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-block}.timeline-cta .cta-learnmore:hover{background-color:color-mix(in srgb,var(--accent-color),transparent 15%);transform:translateY(-2px)}.course-image img,.student-media img{object-fit:cover;width:100%;height:auto}.course-content{padding:22px 26px}.course-title{margin-bottom:12px;font-size:1.4rem}.course-desc{color:#4b5563;margin-bottom:18px;font-size:1rem;line-height:1.55}.course-link{color:var(--accent-color);gap:6px;font-weight:600;transition:all .3s;display:inline-flex}.course-link i{transition:all .3s}.course-link:hover{color:#c2921e}.course-link:hover i,.cta-btn:hover i{transform:translate(4px)}.cta-desc{opacity:.9;max-width:100%}.cta-benefits li{gap:8px;margin-bottom:10px;display:flex}.cta-benefits i{color:#daa520;font-size:1.2rem}.contact-toggle i,.form-title{font-size:1.5rem}.cta-form-wrapper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff0f;border:1px solid #ffffff26}.form-title{color:#fff;font-weight:700}.cta-form-wrapper .form-label{color:#fff;font-weight:500}.cta-form-wrapper .form-control,.cta-form-wrapper .form-select{color:#fff;background:#ffffff1f;border:1px solid #ffffff40}.cta-form-wrapper .form-control::placeholder{color:#e4e4e4;opacity:.8}.cta-submit-btn{color:#002147;background:#daa520;border:none;border-radius:6px;padding:14px 0;font-size:1rem;font-weight:700;transition:all .3s}.cta-submit-btn:hover{background:#c79613;transform:translateY(-2px)}.testimonial-card{color:#fff;background:#00000047;border:1px solid #ffffff2e;border-radius:18px;flex-direction:column;justify-content:center;min-height:220px;padding:32px 32px 26px;display:flex}.testimonial-card .comment{margin-bottom:20px;font-size:1.03rem;line-height:1.7}.testimonial-card .author{font-size:1rem;font-weight:700}.testimonial-card .role{opacity:.85;font-size:.9rem}.floating-contact{z-index:99990;opacity:0;pointer-events:none;align-items:center;gap:10px;transition:opacity .25s,transform .25s;display:flex;position:fixed;bottom:15px;left:15px;transform:translate(-20px)}.floating-contact.open .contact-actions,.floating-contact.visible{opacity:1;pointer-events:auto;transform:translate(0)}.floating-contact-label{color:#fff;white-space:nowrap;background:#002147e6;border-radius:999px;padding:6px 10px;font-size:.85rem;position:absolute;bottom:55px;left:40px;box-shadow:0 4px 12px #00000040}.contact-toggle{color:#fff;background:#daa520;border:none;border-radius:50%;outline:0;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .2s,box-shadow .2s,background .2s;animation:1.3s ease-in-out infinite contact-shake;display:flex;position:relative;box-shadow:0 8px 18px #00000059}.contact-toggle:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 10px 22px #0006}@keyframes contact-shake{0%,to{transform:translateY(0)rotate(0)}20%{transform:translateY(-1px)rotate(-6deg)}40%{transform:translateY(0)rotate(5deg)}60%{transform:translateY(-1px)rotate(-4deg)}80%{transform:translateY(0)rotate(3deg)}}.contact-actions{opacity:0;pointer-events:none;gap:8px;transition:opacity .25s,transform .25s;display:flex;position:absolute;bottom:6px;left:65px;transform:translate(-10px)}.contact-btn{color:#002147;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s,box-shadow .2s,background .2s,color .2s;display:flex;box-shadow:0 6px 14px #00000047}.contact-btn:hover{color:#daa520;background:#daa520;transform:translateY(-2px);box-shadow:0 10px 22px #0006}.about-hero{color:var(--default-color);background-color:#fff;padding-top:150px;padding-bottom:100px}.about-badge{color:#daa520;background:#0021470a;border:1px solid #0021471f;border-radius:999px;padding:6px 14px;font-size:.9rem;font-weight:500}#chat-toggle,.btn-about-primary{background-color:var(--accent-color)}.about-hero-title{color:var(--heading-color);margin-bottom:18px;font-size:clamp(2.2rem,3.6vw,3.1rem);font-weight:800;line-height:1.25}.about-hero-desc{color:#4b5563;max-width:640px;font-size:1.02rem;line-height:1.7}.about-hero-cta{flex-wrap:wrap;gap:14px;margin-top:26px;display:flex}.btn-about-primary,.btn-about-secondary{letter-spacing:.02em;border-width:2px;border-radius:999px;padding:12px 26px;font-size:.98rem;font-weight:600}.btn-about-primary{border-color:var(--accent-color);color:var(--contrast-color)}.btn-about-primary:hover{background-color:color-mix(in srgb,var(--accent-color),transparent 12%);border-color:color-mix(in srgb,var(--accent-color),transparent 5%);color:var(--contrast-color);transform:translateY(-2px)}.btn-about-secondary{color:#002147;background-color:#fff;border-color:#0021472e}.btn-about-secondary:hover{color:#002147;background-color:#00214708;border-color:#00214766;transform:translateY(-2px)}.about-hero-images{max-width:520px;margin:0 auto;position:relative}.about-photo-main,.about-photo-secondary{object-fit:cover;background-color:#f3f4f6;border-radius:26px;display:block}.about-photo-main{width:100%;box-shadow:0 22px 45px #0f172a47}.about-photo-secondary{width:72%;position:absolute;top:-40px;left:-40px;box-shadow:0 18px 36px #0f172a38}.about-photo-main:hover{transform:translateY(-6px)scale(1.02)}.about-photo-secondary:hover{transform:scale(1.06)}.mission-vision-section{background-color:#fff;padding-top:0!important;padding-bottom:0!important}.mission-vision-section .mv-heading{color:#002147;margin-bottom:18px;font-size:2rem;font-weight:800}.mission-vision-section .mv-text{max-width:540px;font-size:1rem;line-height:1.8}.mv-image-center{border-radius:28px;max-width:100%;margin:0 auto;overflow:hidden}.mv-image-center img{object-fit:cover;width:100%;height:100%;display:block}.slogan-section{background:linear-gradient(90deg,#002147 0,#0a2f63 40%,#caa233 100%);padding-top:60px;padding-bottom:60px;margin-top:0!important}.slogan-section .slogan-title{color:#fff;margin-bottom:15px;font-size:2rem;font-weight:800}.slogan-section .slogan-desc{color:#f9f9f9;max-width:720px;margin:0 auto;font-size:1.05rem;line-height:1.8}.clavis-faq,.core-values-section,.leader-section{background:#fff;padding:80px 0}.core-values-title{color:#002147;font-size:2.2rem;font-weight:800}.core-value-card{background:#f8f9fa;border:1px solid #eee;border-radius:14px;height:100%;padding:24px;transition:all .3s}.core-value-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.core-value-card h3{color:#002147;margin:15px 0 10px;font-size:1.25rem;font-weight:700}.core-value-card p{color:#555;font-size:.95rem}.core-icon{color:#daa520;font-size:2rem}.leader-image-wrapper{border:4px solid #daa520;border-radius:16px;width:90%;overflow:hidden;box-shadow:0 10px 30px #0000001a}.leader-title{color:#002147;margin-bottom:20px;font-size:2rem;font-weight:800}.leader-message{color:#444;margin-bottom:25px;font-size:1.05rem;line-height:1.7}.leader-name{color:#002147;margin-top:10px;font-size:1.3rem;font-weight:700}.leader-role{color:#777;font-size:.95rem}.teaching-methods-section{background-color:#fff;padding-bottom:0!important}.teaching-slide{background:#fff;border-radius:18px;align-items:center;min-height:420px;padding:32px 28px;box-shadow:0 12px 30px #0f172a14}.teaching-image-wrapper{aspect-ratio:1;background:#fff;border-radius:16px;justify-content:center;align-items:center;width:100%;max-width:420px;margin:0 auto;display:flex;overflow:hidden}.teaching-image,.tech40-chart-media img{object-fit:contain;width:100%;height:100%;display:block}.teaching-title{color:#002147;margin-bottom:14px;font-size:1.6rem;font-weight:800}.teaching-desc{color:#4b5563;font-size:1.02rem;line-height:1.7}.teaching-methods-slider .swiper{padding:10px 0 40px}.teaching-methods-slider .swiper-pagination-bullet{opacity:1;background:#cbd5f5}.teaching-methods-slider .swiper-button-next,.teaching-methods-slider .swiper-button-prev{color:#fff;opacity:0;visibility:hidden;background:#002147d9;border-radius:999px;width:42px;height:42px;transition:all .25s}.teacher-next:after,.teacher-prev:after,.teaching-methods-slider .swiper-button-next:after,.teaching-methods-slider .swiper-button-prev:after{font-size:18px;font-weight:700}.teaching-methods-slider:hover .swiper-button-next,.teaching-methods-slider:hover .swiper-button-prev{opacity:1;visibility:visible}.teaching-partners-title{color:#002147;font-size:clamp(1.25rem,2.2vw,1.75rem);font-weight:800;line-height:1.25}.partners-swiper-wrap{padding:12px 0}.partners-swiper .swiper-slide{justify-content:center;align-items:center;display:flex}.partner-logo{object-fit:contain;filter:grayscale();opacity:.75;width:100%;max-width:150px;height:56px;transition:all .25s}.partner-logo:hover{filter:grayscale(0);opacity:1;transform:translateY(-2px)}.section-desc,.teaching-partners-desc{color:#4b5563;max-width:820px;margin:12px auto 0;font-size:.95rem;line-height:1.6}.edtech-platform .section-title{color:#002147;letter-spacing:-.3px;font-size:2.1rem;font-weight:800}.edtech-platform .section-desc{color:#4b5563;max-width:760px;margin:0 auto;font-size:1.05rem;line-height:1.65}.edtech-card{background:#fff;border:1px solid #00214714;border-radius:14px;height:100%;padding:34px 26px;transition:all .35s}.edtech-card:hover{border-color:#daa52099;transform:translateY(-6px);box-shadow:0 18px 45px #00000014}.edtech-icon{background:linear-gradient(135deg,#002147,#0a3a78);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto;display:flex}.edtech-icon i{color:#daa520;font-size:28px}.edtech-title{color:#002147;margin-top:18px;font-size:1.15rem;font-weight:700}.edtech-text{color:#4b5563;margin-top:12px;font-size:.95rem;line-height:1.6}.cta-gradient{background:linear-gradient(90deg,#002147 0,#0b3b6f 45%,#daa520 100%);width:100%;margin-bottom:0;padding:80px 0}.cta-content{max-width:820px;margin:0 auto}.cta-title{color:#fff;margin-bottom:20px;font-size:2.2rem;font-weight:800;line-height:1.3}.cta-desc{color:#ffffffe6;margin-bottom:32px;font-size:1.05rem;line-height:1.6}.cta-btn{color:#002147;background-color:#fff;border-radius:50px;align-items:center;gap:10px;padding:14px 34px;font-size:1rem;font-weight:700;transition:all .35s;display:inline-flex}.cta-btn:hover{color:#002147;background-color:#f8f8f8;transform:translateY(-3px);box-shadow:0 12px 30px #00000040}.page-nav{z-index:996;background:#ffffffe6;padding-top:20px;position:sticky;top:72px}.page-nav-track{-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:center;gap:10px;padding:10px 0;display:flex;overflow-x:auto}.page-nav-track::-webkit-scrollbar{display:none}.page-nav-link{color:#002147;background:#ffffffbf;border:1px solid #0022472e;border-radius:999px;flex:none;align-items:center;padding:10px 14px;font-size:14px;font-weight:600;line-height:1;transition:all .2s;display:inline-flex}.audience-item p,.panel-track{color:#36454f;line-height:1.6}.page-nav-link:hover{background:#daa52014;border-color:#daa520b3}.page-nav-link.is-active{color:#002147;background:#daa52029;border-color:#daa520}.section-image-only{width:100%;overflow:hidden;padding-bottom:0!important}.target-audience{padding:80px 0 0}.audience-item{background:#fff;border:1px solid #0022471f;border-radius:16px;height:100%;padding:28px 22px;transition:all .3s}.audience-item:hover{border-color:#daa520;transform:translateY(-4px)}.audience-icon{color:#002147;background:#daa5201f;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto 14px;font-size:40px;display:flex}.audience-item p{margin:0;font-size:15px}.curriculum-grid{grid-template-columns:1.6fr 1fr;gap:32px;display:grid}.curriculum-tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px;display:flex}.tab-btn{background:#fff;border:1px solid #00224733;border-radius:999px;padding:10px 16px;font-weight:700}.spec-card,.tab-panel{background:#fff;padding:24px}.tab-btn.is-active{background:#daa52026;border-color:#daa520}.tab-panel{border:1px solid #0022471f;border-radius:16px;display:none}.panel-track{margin:10px 0 16px;font-size:14px}.panel-block,.panel-intro{margin-bottom:18px}.panel-track b{color:#002147;font-weight:800}.panel-track span{background:#0022470f;border:1px solid #0022471a;border-radius:999px;margin-left:6px;padding:6px 10px;display:inline-block}.curriculum-right{margin-top:0;position:sticky;top:110px}.spec-card{border:1px solid #0022471f;border-radius:20px}.spec-card h4{color:#002147;margin-bottom:16px}.spec-row{border-bottom:1px dashed #00224726;justify-content:space-between;padding:10px 0;display:flex}.panel-intro{color:#36454f;line-height:1.7}.panel-block h4{color:#002147;margin-bottom:8px;font-size:15px;font-weight:800}.panel-block ul{padding-left:18px}.panel-block li{color:#36454f;margin-bottom:6px;line-height:1.6}.curriculum-lead{color:#36454f;max-width:900px;margin:0 auto;font-size:16px;line-height:1.75}.tools-list{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.tool-chip{color:#002147;background:#f8f8ffb3;border:1px solid #00224729;border-radius:999px;align-items:center;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.btn-register-now{color:#fff;background:linear-gradient(90deg,#002147,#daa520);border:none;border-radius:16px;padding:14px 36px;font-size:15px;font-weight:600;transition:all .3s;display:inline-block}.btn-register-now:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #00224740}.why-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.why-item{background:#fff;border:1px solid #0022471f;border-radius:20px;padding:28px}.why-item h3{color:#002147;margin-bottom:12px;font-size:18px;font-weight:800}.why-item p{color:#36454f;font-size:15px;line-height:1.7}.ca-card-title,.ca-title,.product-title,.sale-badge,.sale-title{font-weight:900}.product-card{background:#ffffff0f;border:1px solid #ffffff24;border-radius:22px;overflow:hidden}.product-media{background:#ffffff0d;width:100%;height:340px}.product-media img{object-fit:fill;width:100%;height:100%;display:block}.product-body{padding:18px 18px 22px}.product-title{color:#fff;margin:0 0 8px;font-size:20px}.product-desc{color:#fffc;margin:0;font-size:14px;line-height:1.7}.clavis-activities{padding:80px 0}.ca-head{max-width:980px;margin:0 auto 34px}.ca-title{letter-spacing:.5px;margin:0 0 10px;font-size:clamp(1.8rem,3.5vw,2.6rem);line-height:1.15}.ca-title-right{color:#daa520;margin-left:10px}.ca-desc{color:#36454f;max-width:860px;margin:0 auto;font-size:15px;line-height:1.7}.ca-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.ca-card{background:#fff;border:1px solid #0022471a;border-radius:18px;padding:18px 18px 20px;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 12px 24px #0022470f}.flashbar-btn,.sale-btn{text-decoration:none;transition:all .2s}.ca-card:hover{border-color:#daa52059;transform:translateY(-3px);box-shadow:0 18px 36px #0022471a}.ca-media{background:#0022470f;border:1px solid #00224714;border-radius:14px;width:100%;height:200px;margin-bottom:14px;overflow:hidden}.ca-media img{object-fit:cover;object-position:100% 20%;width:100%;height:100%;display:block}.ca-card-title{color:#002147;letter-spacing:.4px;margin:0 0 10px;font-size:14px;line-height:1.25}.ca-card-desc{color:#36454f;margin:0;font-size:14px;line-height:1.65}@media (max-width:1100px){.ca-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.ca-grid{grid-template-columns:1fr}.ca-media{height:170px}}.clavis-sale{background:linear-gradient(90deg,#002147 0,#daa520 100%);align-items:center;min-height:200px;padding:22px 0;display:flex}.sale-inner{justify-content:space-between;gap:24px}.sale-title{color:#fff;flex-wrap:wrap;gap:10px;margin:0 0 6px;font-size:clamp(1.4rem,2.6vw,2.1rem);line-height:1.2}.sale-badge{color:#002147;background:#fff;border-radius:999px;padding:6px 14px;font-size:.9em;box-shadow:0 6px 18px #00000040}.sale-desc{color:#ffffffe6;margin:0;font-size:14px}.sale-btn{color:#002147;background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:12px 26px;font-weight:800;display:inline-flex}.sale-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px #00000040}.clavis-knowledge{background:#fff;padding:80px 0 0}.knowledge-intro{width:100%;margin-bottom:40px}.knowledge-intro img{width:100%;max-width:100%}.knowledge-title{color:#002147;margin-bottom:60px;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:900}.knowledge-layout{grid-template-rows:auto auto;grid-template-columns:1fr 360px 1fr;align-items:center;gap:40px 60px;max-width:1100px;margin:0 auto;display:grid;position:relative}.knowledge-center{grid-area:1/2/span 2;justify-content:center;padding:0 10px}.knowledge-center img{border-radius:0;width:min(700px,42vw);max-width:700px;height:auto;display:block}.knowledge-card{background:#fff;border-radius:20px;padding:22px;box-shadow:0 12px 30px #00224714}.knowledge-card h3{color:#002147;margin:12px 0 8px;font-size:18px;font-weight:800}.knowledge-card p{color:#36454f;margin:0;font-size:14px;line-height:1.65}.kc-icon{color:#002147;background:#daa520;border-radius:12px;justify-content:center;width:44px;height:44px;font-size:20px;font-weight:700}.card-left-top{grid-area:1/1}.card-right-top{grid-area:1/3}.card-left-bottom{grid-area:2/1}.card-right-bottom{grid-area:2/3}@media (max-width:900px){.knowledge-layout{grid-template-rows:auto;grid-template-columns:1fr;gap:18px}.knowledge-center{display:none!important}.card-left-bottom,.card-left-top,.card-right-bottom,.card-right-top{grid-area:auto!important}.knowledge-card{border-radius:18px;padding:18px}}.clavis-cta-hook,.clavis-flashbar{background:linear-gradient(90deg,#002147 0,#daa520 100%);align-items:center;width:100%;height:200px;display:flex}.cta-hook-inner,.flashbar-inner{justify-content:space-between;align-items:center;gap:24px;width:100%;display:flex}.flashbar-left{flex-wrap:wrap;gap:22px}.flashbar-timer{background:#ffffff24;border:1px solid #ffffff2e;border-radius:18px;gap:10px;padding:12px 14px}.t-box{min-width:62px}.t-num{color:#fff;font-size:28px;font-weight:900;line-height:1}.t-label,.t-sep{color:#ffffffd9}.t-label{letter-spacing:.3px;margin-top:6px;font-size:11px;font-weight:700}.t-sep{font-size:22px;font-weight:900;transform:translateY(-4px)}.flashbar-kicker{color:#ffffffeb;margin-bottom:6px;font-size:13px;font-weight:800}.flashbar-title{font-size:clamp(1.4rem,2.6vw,2.2rem);font-weight:900;line-height:1.15}.flashbar-btn{background:#fff;border:1px solid #0022471a;border-radius:999px;justify-content:center;align-items:center;padding:14px 24px;display:inline-flex}.cta-hook-btn:hover,.flashbar-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px #00000038}.cta-hook-text{color:#fff;max-width:720px;margin:0;font-size:clamp(1.4rem,2.8vw,2.4rem);font-weight:900;line-height:1.2}.cta-hook-btn{color:#002147;background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:14px 26px;font-weight:900;transition:all .2s;display:inline-flex}.contact-page{background:radial-gradient(900px 420px at 12% 20%,#0021470f,#0000 55%),radial-gradient(900px 420px at 88% 30%,#daa52017,#0000 55%),#fff;justify-content:center;align-items:center;min-height:calc(100vh - 160px);padding:56px 16px;display:flex}.contact-wrapper{grid-template-columns:1fr 1fr;align-items:center;gap:56px;width:100%;max-width:1120px;display:grid}.contact-image{background:#fff;border:1px solid #0021471a;border-radius:28px;padding:20px;position:relative;overflow:hidden;box-shadow:0 28px 60px #00214724,0 10px 22px #0000000f}.contact-image:before{content:"";pointer-events:none;background:radial-gradient(800px 500px at 10% 15%,#0021471a,#0000 55%),radial-gradient(700px 450px at 85% 25%,#daa52024,#0000 55%);position:absolute;inset:0}.contact-image:after{content:"";pointer-events:none;z-index:1;border:1px solid #0021471a;border-radius:22px;position:absolute;inset:10px}.contact-image img{z-index:2;object-fit:cover;filter:saturate(.96)contrast(.97);border-radius:18px;width:100%;height:auto;display:block;position:relative}.contact-form{background:linear-gradient(#fff 0,#fbfbfd 100%);border:1px solid #0021471f;border-radius:28px;padding:34px 34px 28px;position:relative;overflow:hidden;box-shadow:0 34px 70px #00214729,0 10px 22px #0000000f}.contact-form:before{content:"";background:linear-gradient(90deg,#002147 0 55%,#daa520 100%);width:100%;height:6px;position:absolute;top:0;left:0}.contact-form:after{content:"";filter:blur(6px);pointer-events:none;background:radial-gradient(circle,#daa5202e,#0000 60%);width:360px;height:360px;position:absolute;top:-120px;right:-120px}.contact-form h1{color:#002147;letter-spacing:.2px;margin:0 0 10px;font-family:Outfit,sans-serif;font-size:clamp(28px,2.2vw,36px);line-height:1.12}.contact-form p{color:#36454f;max-width:52ch;margin:0 0 18px;font-family:Inter,sans-serif;line-height:1.65}.contact-form p:after{content:"• Bảo mật thông tin • Tư vấn trong 24h";color:#002147bf;margin-top:10px;font-size:13px;font-weight:600;display:block}.contact-form form{flex-direction:column;gap:14px;display:flex}.form-group{flex-direction:column;display:flex}.form-group label{color:#002147;letter-spacing:.2px;margin-bottom:8px;font-size:13px;font-weight:700}.form-group input,.form-group textarea{background:#fffffff5;border:1px solid #00214729;border-radius:14px;padding:12px 14px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s,transform 50ms}.form-group textarea{resize:vertical;min-height:120px}.form-group input::placeholder,.form-group textarea::placeholder{color:#36454f8c}.form-group input:focus,.form-group textarea:focus{border-color:#002147d9;outline:0;box-shadow:0 0 0 4px #0021471f}.form-group input:active,.form-group textarea:active{transform:translateY(.5px)}.btn-submit{color:#00162f;background:linear-gradient(90deg,#daa520 0,#f2d27a 100%);border:none;border-radius:16px;margin-top:10px;padding:14px 16px;font-size:16px;font-weight:800;transition:transform .15s,box-shadow .2s,filter .2s;box-shadow:0 18px 40px #daa52047,0 6px 14px #0000001a}.btn-submit:hover{filter:brightness(1.02);transform:translateY(-1px);box-shadow:0 22px 55px #daa52057,0 10px 18px #0000001f}.btn-submit:active{transform:translateY(0)}.contact-image-caption{text-align:center;color:#36454f;margin-top:16px;font-family:Inter,sans-serif;font-size:14px;line-height:1}.contact-stat .stat-number,.review-stat-number{font-family:Outfit,Be Vietnam Pro,sans-serif}.contact-image-caption strong{color:#002147;margin-bottom:4px;font-family:Outfit,sans-serif;font-size:15px;font-weight:700;display:block}.student-showcase .showcase-shell{max-width:1140px;margin:0 auto;position:relative}.student-showcase .swiper-slide{max-width:350px}.student-showcase .showcase-card{background:#fff;border:1px solid #0021471f;border-radius:16px;width:100%;transition:transform .25s,box-shadow .25s;overflow:hidden}.student-showcase .showcase-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.student-media,.student-showcase .showcase-media{aspect-ratio:4/3;width:100%;overflow:hidden}.student-showcase .showcase-title{color:#002147;text-align:center;margin:0;padding:14px 16px 16px;font-size:1.05rem;font-weight:700}.student-showcase .showcase-next,.student-showcase .showcase-prev{opacity:0;pointer-events:none;background:#002147d9;border-radius:50%;width:44px;height:44px;transition:opacity .2s}.chip.is-active,.why-tag.active,.why-tag:hover{background:#fdfcf8;border-color:#daa520}.student-showcase .showcase-next:after,.student-showcase .showcase-prev:after{color:#daa520;font-size:16px;font-weight:700}.tech40-desc{color:#36454f;max-width:980px;margin:0 auto;line-height:1.75}.tech40-chart-card,.tech40-stat-card{background:#fff;border:1px solid #0021471f;border-radius:16px;padding:16px;box-shadow:0 10px 24px #0000000a}.tech40-chart-head{margin-bottom:10px}.tech40-chart-title{color:#002147;letter-spacing:-.01em;margin:0 0 6px;font-size:1.1rem;font-weight:900}.tech40-chart-note{color:#36454fcc;margin:0;font-size:.95rem}.tech40-canvas-wrap{background:#f8f8ff;border:1px solid #00214714;border-radius:14px;width:100%;padding:10px;overflow:hidden}.tech40-footnote{color:#36454fd9;margin:10px 0 0;font-size:.9rem}.tech40-stats .tech40-stat-card{align-items:stretch;height:100%;display:flex}.tech40-stat-grid{grid-template-columns:170px 1fr;align-items:center;gap:16px;width:100%;display:grid}.tech40-metric{flex-direction:column;justify-content:center;align-items:center;min-width:0;display:flex}.tech40-metric-num{letter-spacing:-.03em;color:#002147;font-variant-numeric:tabular-nums;font-size:clamp(3rem,4.2vw,4.6rem);font-weight:1000;line-height:1}.tech40-metric-unit{opacity:.95;margin-left:6px;font-size:.62em;font-weight:900}.tech40-metric-sub{color:#36454fd9;min-height:1.2em;margin-top:6px;font-size:1rem;font-weight:800;line-height:1.2}.tech40-stat-text{color:#36454f;margin:0;font-size:1rem;line-height:1.75}.tech40-sources{text-align:center;color:#36454fd9;max-width:1200px;margin-left:auto;margin-right:auto;font-size:.92rem;overflow:hidden}.btn-clavis{color:#fff;background:linear-gradient(90deg,#002147,#daa520);border:none;border-radius:14px;padding:12px;font-weight:700}.btn-clavis:hover,.map-cta-btn:hover{opacity:.92;color:#fff}.real-context-title{color:#daa520;letter-spacing:-.02em;margin-bottom:18px;font-size:2.2rem;font-weight:1000}.real-context-list li{color:#36454f;align-items:flex-start;gap:12px;margin-bottom:16px;font-size:1.05rem;line-height:1.7;display:flex}.check-icon{color:#28a745;font-size:1.2rem;font-weight:900;line-height:1.4}.why-clavis-tags{grid-template-rows:repeat(4,1fr);gap:14px;display:grid}.why-tag{border:1px solid #00214726;border-radius:16px;grid-template-columns:52px 1fr;align-items:center;gap:14px;min-height:88px;padding:16px 18px;transition:all .25s;display:grid}.why-tag .icon{color:#002147;justify-content:center;align-items:center;font-size:28px;display:flex}.why-tag h3{color:#002147;margin:0;font-size:1.05rem;font-weight:700}.why-tag.active,.why-tag:hover{box-shadow:0 10px 24px #0000000f}.why-clavis-content{background:#fff;border:1px solid #0021471f;border-radius:20px;min-height:100%;padding:28px}.why-clavis-content h4{color:#002147;margin-bottom:12px;font-size:1.4rem;font-weight:800}.why-clavis-content p{color:#36454f;font-size:1.05rem;line-height:1.7}.startup-story-card{border:1px solid #00214724;border-radius:22px;padding:26px;box-shadow:0 14px 34px #0000000f}.startup-story-lead{color:#36454f;margin:0;font-size:1.06rem;line-height:1.75}.startup-chips{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;display:flex}.chip{color:#002147;border:1px solid #0021472e;border-radius:999px;outline:0;align-items:center;gap:10px;padding:10px 14px;font-size:.98rem;font-weight:700;transition:all .2s;display:inline-flex}.chip:hover{border-color:#daa520;box-shadow:0 10px 22px #0000000f}.chip-dot{background:#002147;border-radius:999px;width:10px;height:10px;display:inline-block}.startup-panels{border-top:1px solid #0021471f;margin-top:18px;padding-top:18px}.chip-panel{animation:.22s chipFade;display:none}.chip-panel h3{color:#002147;margin:0 0 8px;font-size:1.28rem;font-weight:900}.chip-panel p,.feedback-text p{color:#36454f;font-size:1.05rem}.chip-panel p{margin:0;line-height:1.75}@keyframes chipFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.feedback-media-wrap{background:#fff;border:1px solid #00214726;border-radius:20px;width:100%;overflow:hidden;box-shadow:0 14px 34px #0000000f}.feedback-media-video{width:100%;display:block}.feedback-text p{margin-bottom:14px;line-height:1.7}.feedbackSwiper .swiper-slide,.toolsSwiper .swiper-slide{height:auto}.feedback-card{background:#fff;border:1px solid #0021471f;border-radius:18px;flex-direction:column;height:100%;min-height:220px;padding:22px;display:flex;box-shadow:0 12px 26px #0000000f}.feedback-content{color:#36454f;flex:1;margin:0;font-size:1rem;line-height:1.65}.feedback-divider{background:#0021471f;width:100%;height:1px;margin:14px 0 12px}.feedback-meta{flex-direction:column;gap:4px;display:flex}.feedback-name{color:#002147;font-size:.98rem;font-weight:800;line-height:1.2;overflow:hidden}.feedback-role{color:#36454f;font-size:.95rem;font-weight:600;line-height:1.25;overflow:hidden}.feedback-next,.feedback-prev,.teacher-next,.teacher-prev{opacity:0;transition:opacity .3s}.feedback-next:after,.feedback-prev:after{font-size:18px;font-weight:800}.student-card{background:#fff;border:1px solid #00214724;border-radius:16px;flex-direction:column;height:100%;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 14px 30px #0000000f}@media (hover:hover){.student-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px #00000014}}.student-body{flex:1;padding:16px 18px}.student-body h3{color:#002147;text-align:center;margin-bottom:8px;font-size:1.1rem;font-weight:800}.student-body p{color:#36454f;text-align:center;margin:0;font-size:.95rem;line-height:1.6}.btn-trial{color:#fff;background:linear-gradient(90deg,#002147,#daa520);border:none;border-radius:14px;padding:12px;font-weight:700}.btn-trial:hover{opacity:.92}.teacher-card{text-align:center;background:#fff;border:1px solid #00214724;border-radius:20px;flex-direction:column;align-items:center;height:100%;padding:22px;display:flex;box-shadow:0 14px 32px #0000000f}.teacher-avatar{border:3px solid #00214726;border-radius:999px;width:120px;height:120px;margin-bottom:14px;overflow:hidden}.teacher-avatar img{object-fit:cover;width:100%}.teacher-name{color:#002147;margin-bottom:8px;font-size:1.2rem;font-weight:800}.teacher-desc{color:#36454f;margin:0;font-size:.98rem;line-height:1.6}.map-bg--1,.map-bg--2{width:520px;height:520px}.map-bg{filter:blur();opacity:.08;pointer-events:none;border-radius:999px;position:absolute}.map-bg--1{background:radial-gradient(circle,#002147 0,#0000 60%);top:-220px;left:-160px}.map-bg--2{background:radial-gradient(circle,#daa520 0,#0000 60%);bottom:-240px;right:-220px}.map-visual{background:linear-gradient(#00214708,#daa52005);border:1px solid #0021471a;border-radius:22px;justify-content:center;align-items:center;min-height:420px;padding:20px;display:flex;position:relative}.map-dot,.map-dot:after{border-radius:999px;position:absolute}.map-visual img{filter:drop-shadow(0 16px 22px #00000014);border-radius:16px;max-width:100%;height:auto;display:block}.map-dot{background:#daa520;width:12px;height:12px;animation:1.9s infinite clavisPulse;box-shadow:0 0 #daa52073}.map-dot:after{content:"";opacity:.55;border:1px solid #daa52073;inset:-10px}.dot-hn{top:34%;left:52%}.dot-dn{top:56%;left:55%}.dot-hcm{top:76%;left:50%}@keyframes clavisPulse{0%{transform:scale(1);box-shadow:0 0 #daa52073}70%{transform:scale(1.08);box-shadow:0 0 0 14px #daa52000}to{transform:scale(1);box-shadow:0 0 #daa52000}}.map-info{background:#ffffffe6;border:1px solid #0021471a;border-radius:22px;padding:20px}.map-badges{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;display:grid}.map-badge{text-align:center;background:#fff;border:1px solid #0021471f;border-radius:16px;height:100%;padding:14px 12px}.badge-number{color:#002147;font-size:34px;font-weight:900;line-height:1.05}.badge-label{color:#36454f;margin-top:6px;font-size:.92rem}.map-note{background:#0021470a;border:1px dashed #0021472e;border-radius:16px;margin-bottom:16px;padding:14px}.map-note p{color:#36454f;margin:0;line-height:1.65}.map-actions{flex-direction:column;gap:10px;display:flex}.map-cta-btn{color:#fff;text-align:center;background:linear-gradient(90deg,#002147,#daa520);border:none;border-radius:14px;padding:12px 14px;font-weight:800}.map-secondary-link{text-align:center;color:#002147;opacity:.9;font-weight:600}.tool-logo-card{justify-content:center;align-items:center;height:92px;padding:14px;display:flex}.tool-logo-card img{object-fit:contain;filter:drop-shadow(0 10px 14px #0000000f);width:auto;max-width:100%;height:auto;max-height:58px}.tools-next,.tools-prev{opacity:0;pointer-events:none;background:#ffffffeb;border:1px solid #00214726;border-radius:999px;width:42px;height:42px;transition:opacity .25s;box-shadow:0 12px 24px #0000001a}.tools-next:after,.tools-prev:after{color:#002147;font-size:18px;font-weight:900}.tech40-canvas canvas,.tech40-canvas-wrap canvas,.tech40-chart canvas{width:100%!important;height:260px!important;display:block!important}.tech40-canvas,.tech40-canvas-wrap,.tech40-chart{height:260px}.tech40-chart-media{aspect-ratio:16/9;background:#ffffff0a;border-radius:16px;width:100%;overflow:hidden}.clavis-step-card{background:#fff;border:1px solid #0021471f;border-radius:18px;height:100%;padding:16px 16px 14px;transition:transform .25s,box-shadow .25s,border-color .25s;box-shadow:0 18px 40px #0000000f}.clavis-step-card:hover{border-color:#00214738;transform:translateY(-6px);box-shadow:0 22px 46px #00000017}.clavis-step-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.clavis-step-badge{color:#002147;letter-spacing:.06em;background:#00214714;border-radius:999px;justify-content:center;align-items:center;min-width:56px;height:36px;padding:0 10px;font-size:13px;font-weight:900;display:inline-flex}.clavis-step-icon{background:#daa5201f;border:1px solid #daa5202e;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.clavis-step-icon i{color:#002147;font-size:20px}.clavis-step-title{color:#002147;margin:0 0 8px;font-size:18px;font-weight:900;line-height:1.25}.clavis-step-desc{color:#36454f;margin:0;font-size:14.5px;line-height:1.65}.note-title{color:#002147;margin-bottom:4px;font-weight:900}.note-desc{color:#36454f;line-height:1.6}.note-cta{color:#fff;background:#daa520;border-radius:16px;justify-content:center;align-items:center;padding:12px 16px;font-weight:900;transition:transform .2s,opacity .2s;display:inline-flex}.fit-detail-cta:hover,.note-cta:hover{opacity:.95;color:#fff;transform:translateY(-2px)}.fit-item{text-align:left;background:#fff;border:1px solid #0021471f;border-radius:16px;grid-template-columns:44px 1fr 28px;align-items:center;width:100%;padding:14px;transition:transform .22s,box-shadow .22s,border-color .22s;box-shadow:0 16px 34px #0000000d}.fit-item:hover{border-color:#00214738;transform:translateY(-3px);box-shadow:0 20px 42px #00000014}.fit-item.is-active{border-color:#daa52059;box-shadow:0 22px 48px #0000001a}.fit-icon{background:#0021470f;border:1px solid #0021471a;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.fit-icon i{color:#002147;font-size:20px}.fit-text{gap:2px;display:grid}.fit-title{color:#002147;font-weight:900;line-height:1.2}.fit-meta{color:#36454f;font-size:13px;line-height:1.35}.fit-chevron{color:#00214799;justify-content:center;align-items:center;transition:transform .22s;display:inline-flex}.fit-panel{background:linear-gradient(90deg,#00214708,#daa52008);border:1px solid #0021471a;border-radius:16px;margin-top:-6px;display:none}.fit-detail-cta,.fit-detail-kicker{font-weight:900;display:inline-flex}.fit-panel-inner{color:#36454f;padding:12px 14px 14px;line-height:1.65}.fit-panel-inner p{margin:0 0 10px}.fit-bullets{margin:0;padding-left:18px}.fit-bullets li,.fit-detail-list li{margin:6px 0}.fit-detail-card{background:#fff;border:1px solid #0021471f;border-radius:18px;padding:18px;position:sticky;top:92px;box-shadow:0 18px 40px #0000000f}.fit-detail-kicker{color:#002147;letter-spacing:.04em;background:#daa52024;border-radius:999px;margin-bottom:10px;padding:6px 10px;font-size:12px}.fit-detail-title{color:#002147;margin:0 0 8px;font-weight:900}.fit-detail-desc{color:#36454f;margin:0;line-height:1.7}.fit-detail-divider{background:#0021471f;height:1px;margin:14px 0}.fit-detail-list{color:#36454f;margin:0;padding-left:18px;line-height:1.65}.fit-detail-cta{color:#fff;background:#daa520;border-radius:12px;justify-content:center;align-items:center;width:100%;margin-top:14px;padding:12px 14px;transition:transform .2s,opacity .2s}.review-stat,.review-stat-top{align-items:center;display:flex}.zz-caption{color:#8a8a8a;text-align:center;letter-spacing:.02em;margin-top:6px;font-size:12.5px;font-style:italic;display:block}.reduce-motion *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.font-swap body{text-rendering:optimizeLegibility}.contact-stats{grid-template-columns:repeat(3,1fr);gap:12px}.contact-stat{text-align:center;background:#ffffffeb;border:1px solid #0021471f;border-radius:12px;padding:10px 8px}.contact-stat .stat-number{color:#002147;font-size:1.4rem;font-weight:800;line-height:1.2}.contact-stat .stat-desc{color:#36454f;margin-top:2px;font-family:Inter,sans-serif;font-size:.85rem;line-height:1.4}.review-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.review-stat{background:#ffffff0d;border:1px solid #00214724;border-radius:18px;justify-content:center;gap:20px;min-height:110px;padding:18px;box-shadow:0 14px 28px #0000001a}.review-stat-top{gap:12px;margin-bottom:6px}.review-stat-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.review-stat-icon i{color:#daa520;font-size:40px}.review-stat-number{letter-spacing:-.02em;color:#fff;font-size:clamp(2.2rem,3.2vw,3rem);font-weight:800;line-height:1}.review-stat-number--big{font-size:clamp(2.6rem,3.6vw,3.4rem)}.review-stat-label{color:#fff;font-family:Inter,sans-serif;font-size:.98rem;line-height:1.35}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute}.review-smal-text{color:#ffffffa6;letter-spacing:.2px;margin-top:.5rem;font-size:.85rem;font-weight:400}#chat-toggle,.clavis-chat{opacity:0;transition:all .25s;display:flex;position:fixed;right:15px}#chat-toggle{color:#fff;z-index:9998;visibility:hidden;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;bottom:70px;transform:translateY(8px);box-shadow:0 10px 25px #00000038}#chat-toggle.active,.clavis-chat.open{opacity:1;visibility:visible;transform:none}#chat-toggle i{color:var(--contrast-color);font-size:24px;line-height:1}.clavis-chat{z-index:9999;visibility:hidden;background:#fff;border-radius:16px;flex-direction:column;width:min(360px,100vw - 30px);height:520px;max-height:calc(100vh - 220px);bottom:135px;transform:translateY(12px);box-shadow:0 20px 60px #0000003d}.clavis-chat__header{color:#fff;background:#002147;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.clavis-chat__header small{opacity:.85;margin-top:4px;font-size:12px;display:block}.clavis-chat__close{color:#fff;background:0 0;border:0;border-radius:10px;width:34px;height:34px;font-size:18px}.chat-bubble,.clavis-quick-btn{padding:10px 12px;font-size:13px}.clavis-chat__close:hover{background:#ffffff1f}.clavis-chat__messages{background:#fafafa;flex:1;padding:12px;overflow-y:auto}.chat-msg{margin:8px 0;display:flex}.chat-msg.bot{justify-content:flex-start}.chat-msg.user{justify-content:flex-end}.chat-bubble{white-space:pre-line;border-radius:14px;max-width:85%;line-height:1.4;box-shadow:0 6px 16px #00000014}.chat-msg.bot .chat-bubble{background:#fff;border:1px solid #0000000f;border-top-left-radius:6px}.chat-msg.user .chat-bubble{color:#fff;background:#002147;border-top-right-radius:6px}.clavis-quick-grid{gap:8px;margin-top:10px;display:grid}.clavis-quick-btn{text-align:left;background:#fff;border:1px solid #0000001a;border-radius:12px;transition:transform .12s}.clavis-chat__input input,.clavis-form input{border-radius:12px;width:100%;padding:10px 12px}.clavis-quick-btn:hover{transform:translateY(-1px)}.clavis-quick-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.clavis-quick-btn.primary{background:#daa52026;border-color:#daa52080;font-weight:700}.typing-dots{letter-spacing:2px;margin-left:6px;animation:1s infinite dots}@keyframes dots{0%,to{opacity:.3}50%{opacity:1}}.clavis-chat__input{background:#fff;border-top:1px solid #0000001a;padding:10px}.clavis-chat__input input{border:1px solid #00000026;outline:0;font-size:13px}.clavis-chat__input input:focus{border-color:#00214773;box-shadow:0 0 0 3px #0021471a}.clavis-form-wrap{width:100%;margin-top:10px}.clavis-form{background:#fff;border:1px solid #00000014;border-radius:14px;gap:8px;padding:12px;display:grid;box-shadow:0 10px 24px #00000014}.clavis-form input{border:1px solid #00000026}.clavis-form button{color:#002147;cursor:pointer;background:#daa520;border:0;border-radius:12px;padding:10px;font-weight:900}.clavis-form-note,.clavis-proof__text{opacity:.75;font-size:12px}.clavis-proof{z-index:9999;opacity:0;background:#fff;border-radius:14px;gap:10px;width:calc(100% - 32px);max-width:340px;padding:12px 14px;font-size:13px;transition:transform .4s,opacity .4s;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)translateY(30px);box-shadow:0 14px 36px #0000002e}.spk-bg,.spk-blob,.spk-grid{position:absolute}.clavis-proof.show{opacity:1;transform:translate(-50%)translateY(0)}.clavis-proof__icon{color:#fff;background:#2ecc71;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:700;display:flex}.clavis-proof__content{line-height:1.35}.tien-ich-diem-danh-hoc-sinh-page{overflow-x:auto}.tien-ich-diem-danh-hoc-sinh-page .spk-app{min-height:calc(100vh - var(--spk-nav-h));background:radial-gradient(900px 520px at 15% 10%,#daa52047,#0000 60%),radial-gradient(900px 520px at 85% 20%,#0021472e,#0000 58%),radial-gradient(1000px 560px at 60% 120%,#daa52033,#0000 60%),linear-gradient(135deg,#fffffff2,#ffffffb3);border:1px solid #ffffff59;border-radius:20px;padding-top:45px;padding-bottom:0;position:relative;overflow:hidden;box-shadow:0 18px 60px #0000002e}.tien-ich-diem-danh-hoc-sinh-page .spk-app>.container{height:calc(100vh - var(--spk-nav-h));position:relative}.spk-bg{pointer-events:none;inset:0}.spk-blob{opacity:.22;border-radius:40% 60% 60% 40%/55% 45%;width:340px;height:340px;animation:10s ease-in-out infinite spkFloat}.spk-blob.b1{background:#002147d9;top:30px;left:-110px}.spk-blob.b2{background:#daa520f2;animation-duration:12s;top:120px;right:-120px}.spk-blob.b3,.wc-splitter:hover:before{background:#0021478c}.spk-blob.b3{animation-duration:11s;bottom:-160px;left:22%}@keyframes spkFloat{0%,to{transform:translateY(0)rotate(0)scale(1)}50%{transform:translateY(-18px)rotate(6deg)scale(1.05)}}.spk-grid{opacity:.18;background-image:linear-gradient(90deg,#00214717 1px,#0000 1px),linear-gradient(#00214717 1px,#0000 1px);background-size:54px 54px;inset:0;-webkit-mask-image:radial-gradient(closest-side at 50% 35%,#000,#00000026 60%,#0000 78%);mask-image:radial-gradient(closest-side at 50% 35%,#000,#00000026 60%,#0000 78%)}.spk-layout{height:calc(100vh - (var(--spk-nav-h)*2));grid-template-columns:1fr 1fr 1fr;gap:14px;min-width:1200px;padding:14px;display:grid;position:relative}.spk-col{min-width:0;height:100%;display:flex;overflow:hidden}.spk-wrapCard{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid #0021471a;border-radius:18px;flex-direction:column;width:100%;min-height:0;display:flex;box-shadow:0 14px 45px #0000001a}.spk-wrapCard--fill{flex:1;overflow:hidden}.spk-wrapHead{padding:12px}.spk-wrapHead--compact{margin-bottom:6px;padding:12px 0 0}.spk-wrapHead h1{letter-spacing:-.02em;color:var(--clavis-blue);margin:0 0 6px;font-size:22px;font-weight:1000}.spk-wrapHead p{color:#002147bf;margin:0;font-size:13px;line-height:1.55}.spk-wrapHead h2{color:var(--clavis-blue);margin:0;font-size:15px;font-weight:1000}.spk-wrapBody{min-height:0;padding:12px}.spk-wrapBody--scroll{flex:1;overflow:auto}.spk-divider{background:#0021471a;height:1px;margin:0 12px}.spk-input,.spk-textarea{background:#ffffffeb;border:1px solid #00214724;border-radius:14px;outline:0;width:100%}.spk-fingers .t,.spk-sub{color:#002147b3;margin-top:4px;font-size:12px}.spk-blockTitle{color:var(--clavis-blue);margin:0 0 10px;font-size:14px;font-weight:1000}.spk-block{padding:16px 12px}.spk-label{color:#002147c7;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.spk-textarea{padding:10px 12px;font-size:14px}.spk-input:focus,.spk-textarea:focus{border-color:#daa5208c;box-shadow:0 0 0 4px #daa52026}.spk-input{height:44px;padding:0 12px}.spk-stats{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.spk-stat{background:#ffffffbf;border:1px solid #0021471a;border-radius:14px;padding:10px}.spk-stat__num{color:var(--clavis-blue);font-size:22px;font-weight:1000}.spk-stat__label{color:#002147ad;margin-top:2px;font-size:12px}.spk-actions,.spk-filterBar,.spk-manual{margin-top:10px}.spk-radio{gap:8px;display:grid}.spk-check,.spk-radio__item{color:#002147db;align-items:center;gap:10px;padding:5px 0;font-size:13px;font-weight:900;display:flex}.spk-check input,.spk-radio__item input{width:18px;height:18px}.spk-note{color:#002147b3;padding-left:2px;font-size:12px}.spk-actions{gap:10px;display:flex}.spk-btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;padding:11px 12px;font-size:13px;font-weight:1000;transition:transform .12s,filter .12s,box-shadow .12s;display:inline-flex}.spk-btn:active{transform:translateY(1px)}.spk-btn.primary{background:var(--clavis-blue);color:var(--clavis-white);box-shadow:0 14px 32px #00214738}.spk-btn.ghost,.spk-filterBtn.active,.spk-student .icon,.spk-student .name{color:var(--clavis-blue)}.spk-btn.ghost{background:#ffffffeb;border:1px solid #0021471f;box-shadow:0 14px 32px #0000001a}.spk-btn.square{min-width:76px;height:44px;padding:0}.spk-manual__row{align-items:flex-end;gap:10px;display:flex}.spk-grow{flex:1}.spk-filterBar{gap:8px;display:flex}.spk-filterBtn{appearance:none;color:#002147d9;background:#ffffffb8;border:1px solid #0021472e;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:900;transition:all .18s}.spk-filterBtn:hover{border-color:#00214759;transform:translateY(-1px)}.spk-filterBtn.active{background:#0021471a;border-color:#0021478c}.spk-student .icon{border-radius:999px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto;font-size:34px;line-height:1;display:flex}#spkToggleCam.is-disabled,#spkToggleCam:disabled{opacity:.45;cursor:not-allowed;filter:grayscale();transform:none!important}.spk-roster{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:max-content;place-content:start;gap:14px 10px;padding:6px 0 0;display:grid}.spk-student .name{margin-top:8px;font-size:13px;font-weight:1000;line-height:1.15}.spk-student .status{color:#002147b8;margin-top:4px;font-size:12px;font-weight:900}.spk-countLbl,.spk-countNum,.spk-fingers .n,.spk-leaderCount,.spk-mini,.spk-pill{font-weight:1000}.spk-student.picked .status{color:#daa520f2}.spk-selected{flex-wrap:wrap;gap:10px;min-height:54px;padding-top:8px;display:flex}.spk-pill{color:var(--clavis-blue);background:#0021470f;border:1px solid #0021471a;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:13px;display:inline-flex}.spk-camHead{justify-content:space-between;align-items:flex-start;gap:10px;padding:12px 12px 0;display:flex}.spk-fingers{background:#ffffffc7;border:1px solid #0021471a;border-radius:14px;min-width:92px;padding:8px 10px}.spk-fingers .n{color:var(--clavis-blue);font-size:28px;line-height:1}.spk-camFrame{background:#0021470f;border:1px solid #0021471a;border-radius:18px;margin:10px 12px 0;position:relative;overflow:hidden}.spk-camFrame--short{height:240px}.spk-camFrame canvas,.spk-camFrame video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.spk-camNote{color:#fff;background:#002147c7;border-radius:12px;padding:8px 10px;font-size:12px;position:absolute;bottom:10px;left:10px}.spk-camFooter{justify-content:space-between;align-items:center;gap:10px;padding:10px 12px 12px;display:flex}.spk-mini{color:#002147bf;font-size:12px}.spk-countOverlay{background:#00214738;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.spk-countOverlay.show{display:flex}.spk-countCircle{background:#fffffff2;border:1px solid #ffffffa6;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;width:136px;height:136px;display:flex;box-shadow:0 18px 55px #00000038}.spk-countNum{color:var(--clavis-blue);font-size:56px;line-height:1}.spk-countLbl{color:#002147b8;margin-top:6px;font-size:12px}.spk-leaderName,.spk-rank{color:var(--clavis-blue);font-weight:1000}.spk-middle .spk-wrapBody,.spk-right .spk-wrapBody{flex-direction:column;min-height:0;display:flex}.spk-leader,.spk-middle #spkRoster{flex:1;min-height:0;padding-right:4px;overflow-y:auto}.spk-middle .spk-selected,.spk-middle .spk-wrapHead--compact,.spk-ol,.spk-tip{flex-shrink:0}.spk-leaderRow{background:#0021470a;border:1px solid #00214714;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.spk-leaderLeft,.wc-toolbar-left{align-items:center;gap:10px;min-width:0;display:flex}.spk-rank{background:#daa5202e;border:1px solid #daa52040;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.gf-ico,.spk-tip{border-radius:14px}.spk-leaderName{white-space:nowrap;max-width:220px;font-size:13px;overflow:hidden}.spk-leaderCount{color:#002147d9;font-size:13px}.spk-leaderCount b{color:var(--clavis-gold)}.spk-ol{color:#002147cc;margin:10px 0 0;padding-left:18px;font-size:13px;line-height:1.55}.spk-tip{color:#002147c2;background:#daa5201a;border:1px solid #daa5202e;margin-top:10px;padding:10px 12px;font-size:12px}.tien-ich-diem-danh-hoc-sinh-page #spkStart.is-disabled,.tien-ich-diem-danh-hoc-sinh-page #spkStart:disabled{color:#fff!important;cursor:not-allowed!important;opacity:1!important;background:#b8b8b8!important;border-color:#b8b8b8!important}.feature-card:hover,.quick-tool-item:hover{transform:translateY(-4px)}.features-title,.gf-title{letter-spacing:-.02em;font-family:Be Vietnam Pro,Outfit,system-ui,sans-serif;font-weight:800}.features-head{max-width:860px;margin:0 auto 42px}.features-title{color:#002147;margin:0 0 12px;font-size:clamp(1.9rem,3.4vw,2.6rem)}.features-desc,.gf-desc{color:#36454fe6;margin:0;font-size:1.05rem;line-height:1.7}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.feature-card{background:#fff;border:1px solid #0000000f;border-radius:16px;padding:26px 22px 28px;transition:transform .25s,box-shadow .25s;box-shadow:0 10px 26px #00214714}.feature-card:hover{box-shadow:0 16px 38px #0021471f}.feature-card i{color:#daa520;margin-bottom:14px;font-size:28px;display:inline-block}#wcImportBtn i,.feature-card h3{font-size:1.05rem}.feature-card h3{color:#002147;margin:0 0 8px;font-weight:700;line-height:1.45}.feature-card p,.gf-faq-desc,.gf-tip-text{line-height:1.65}.feature-card p{color:#36454feb;margin:0;font-size:.98rem}.gf-head{max-width:920px;margin:0 auto 36px}.gf-title{color:#002147;margin:0 0 12px;font-size:clamp(1.9rem,3.6vw,2.7rem)}.gf-badge{color:#002147;background:#0021470f;border:1px solid #0021471a;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:.85rem;font-weight:800;display:inline-flex}.gf-guide{margin-bottom:22px;padding:22px 18px}.gf-guide-head{justify-content:center;margin-bottom:16px;display:flex}.gf-steps5{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.gf-q,.gf-tip{gap:10px;display:grid}.gf-step5{height:100%;padding:14px 14px 16px}.gf-ico{color:#002147;background:#0021471a;border:1px solid #00214724;place-items:center;width:44px;height:44px;margin:0 auto 10px;font-size:20px;display:grid}.gf-step-title{color:#002147;letter-spacing:-.01em;margin:0 0 6px;font-size:1.02rem;font-weight:900}.gf-tip{background:#fff;border:1px solid #0000000f;border-radius:14px;grid-template-columns:22px 1fr;align-items:start;max-width:900px;margin-top:14px;margin-left:auto;margin-right:auto;padding:12px}.gf-tip i{color:#daa520;margin-top:2px;font-size:20px;line-height:1}.gf-a p,.gf-tip-text{color:#36454feb;font-size:.98rem}.gf-faq{padding:22px 18px}.gf-faq-head{max-width:920px;margin:0 auto 14px}.gf-faq-title{color:#002147;margin:12px 0 6px;font-size:1.3rem;font-weight:900}.gf-faq-desc{color:#36454fe6;margin:0}.gf-accordion{border-top:1px solid #0000000f;margin-top:14px}.gf-q{text-align:left;cursor:pointer;color:#002147;background:0 0;border:0;grid-template-columns:1fr 18px;align-items:center;width:100%;padding:14px 0;font-weight:900}.gf-q i{transition:transform .18s}.gf-a{padding:0 0 14px}.gf-a p{margin:0;line-height:1.7}.gf-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}@media (max-width:1200px){.gf-steps5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:420px){.gf-steps5{grid-template-columns:1fr}}.bcx{background:var(--cl-white);padding:28px 0 64px}.bcx-card{background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 18px 45px #0021471a,0 2px #0021470a}.bcx-editorCard{height:640px}.bcx-workspace{width:100%;height:640px}.blocklyFlyout,.blocklyToolboxDiv,.blocklyWidgetDiv{z-index:9999!important}#bcxWorkspace .blocklySvg{border-radius:18px;background:0 0!important}.blocklyToolboxDiv{border-right:1px solid #0021471f!important}.blocklyTreeSelected{background:#0021471f!important}.bcx-btn,.bcx-codeTop{background:var(--cl-white)}.blocklyFlyoutBackground{fill-opacity:1!important}.bcx-codeCard{flex-direction:column;height:640px;display:flex}.bcx-codeTop{border-bottom:1px solid #0021471a;padding:12px}.bcx-actions{justify-content:center;gap:10px;margin-bottom:10px;display:flex}.bcx-btn{color:#002147e6;cursor:pointer;border:1px solid #0021471f;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.bcx-btn:hover{border-color:#0021472e}.bcx-run{background:var(--cl-blue);border-color:var(--cl-blue);color:var(--cl-white)}.bcx-danger{color:var(--cl-gold)}.bcx-pre,.bcx-select{background:var(--cl-white);color:#002147eb;font-size:12px}.bcx-fileBtn input{opacity:0;cursor:pointer;position:absolute;inset:0}.bcx-viewRow{justify-content:center;gap:10px;display:flex}.bcx-select{border:1px solid #00214724;border-radius:12px;outline:0;width:100%;padding:8px 10px;font-weight:800}.bcx-select:focus{border-color:#daa520b3}.bcx-pre{white-space:pre-wrap;border-top:1px solid #0021470f;flex:1;margin:0;padding:12px;line-height:1.55;overflow:auto}#blockly-compiler.is-fs{z-index:99998;background:#fff;padding:12px;position:fixed;inset:0;overflow:hidden}#blockly-compiler.is-fs .container{height:100%;max-width:100%!important}#blockly-compiler.is-fs .bcx-codeCard,#blockly-compiler.is-fs .bcx-editorCard,#blockly-compiler.is-fs .col-lg-10,#blockly-compiler.is-fs .col-lg-2,#blockly-compiler.is-fs .row{height:100%}#blockly-compiler.is-fs #bcxWorkspace{height:100%;min-height:0}#blockly-compiler.is-fs .bcx-codeCard{flex-direction:column;display:flex;overflow:hidden}#blockly-compiler.is-fs .bcx-codeTop{flex:none}#blockly-compiler.is-fs #bcxCode{flex:auto;min-height:0;overflow:auto}.quick-tools-section{padding:60px 0}.quick-tools-grid{grid-template-columns:repeat(4,1fr);justify-items:center;gap:28px;display:grid}.quick-tool-item{text-align:center;flex-direction:column;align-items:center;gap:10px;text-decoration:none;transition:transform .25s;display:flex}.quick-tool-item img{object-fit:contain;width:72px;height:72px;display:block}.quick-tool-title{font-family:var(--heading-font);color:var(--heading-color);font-size:.9rem;font-weight:600;line-height:1.3}@media (max-width:480px){.quick-tool-item img{width:64px;height:64px}.quick-tool-title{font-size:.85rem}}.spk-camFooterActions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}#spkApp:fullscreen{padding-top:12px}:-webkit-any(#spkApp:-webkit-full-screen,#spkApp:fullscreen){justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0 0 60px;display:flex;position:fixed;inset:0;overflow:hidden}:is(#spkApp:fullscreen,#spkApp:fullscreen){justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0 0 60px;display:flex;position:fixed;inset:0;overflow:hidden}:-webkit-any(#spkApp:-webkit-full-screen .container,#spkApp:fullscreen .container){width:min(1480px,100vw);max-width:100vw;margin:0 auto;padding-left:12px;padding-right:12px}:is(#spkApp:fullscreen .container,#spkApp:fullscreen .container){width:min(1480px,100vw);max-width:100vw;margin:0 auto;padding-left:12px;padding-right:12px}:-webkit-any(#spkApp:-webkit-full-screen .spk-layout,#spkApp:fullscreen .spk-layout){width:100%;max-width:100%;height:calc(100vh - 24px);overflow:hidden}:is(#spkApp:fullscreen .spk-layout,#spkApp:fullscreen .spk-layout){width:100%;max-width:100%;height:calc(100vh - 24px);overflow:hidden}:-webkit-any(#spkApp:-webkit-full-screen *,#spkApp:fullscreen *){box-sizing:border-box}:is(#spkApp:fullscreen *,#spkApp:fullscreen *){box-sizing:border-box}.wc-title{color:var(--heading-color);margin:0 0 8px;font-weight:900}.wc-accent{color:var(--accent-color);font-weight:900}.wc-sub{max-width:860px;color:color-mix(in srgb,var(--default-color),transparent 18%);margin:0 auto;line-height:1.65}.wc-split-layout{align-items:stretch;gap:0;display:flex}.wc-splitter{flex:0 0 8px}body.wc-resizing{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.wc-panel{background:#ffffffeb;border:1px solid #0021471a;border-radius:18px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:0 14px 34px #0000000f}.wc-toolbar{background:radial-gradient(700px 260px at 20% 0,#0021470f,#fff0 55%),radial-gradient(700px 260px at 90% 10%,#daa5201a,#fff0 55%);border-bottom:1px solid #0021471a;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.wc-badge{color:#002147;background:#0021470f;border:1px solid #0021471f;border-radius:6px;align-items:center;height:28px;padding:10px;font-size:.9rem;font-weight:700;display:inline-flex}.wc-hint{color:color-mix(in srgb,var(--default-color),transparent 30%);white-space:nowrap;font-size:.92rem;overflow:hidden}.wc-toolbar-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.wc-iconbtn{color:#002147;background:#ffffffd9;border:1px solid #00214729;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.wc-iframe,.wc-textarea{background:#fff;width:100%}.wc-iconbtn i{font-size:1.15rem;line-height:1}.wc-iconbtn:hover{border-color:#00214747;transform:translateY(-1px);box-shadow:0 10px 18px #00000014}.wc-iconbtn:active{box-shadow:none;transform:translateY(0)}.wc-iconbtn-primary{background:var(--accent-color);border-color:var(--accent-color);color:#002147}.wc-iconbtn-primary:hover{background:color-mix(in srgb,var(--accent-color),transparent 12%);border-color:color-mix(in srgb,var(--accent-color),transparent 8%)}.wc-editors{gap:12px;padding:12px;display:grid}.wc-editor{background:#ffffffe0;border:1px solid #0021471a;border-radius:14px;overflow:hidden}.wc-editor-head{background:#00214708;border-bottom:1px solid #0021471a;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.wc-pill{letter-spacing:.04em;color:#002147;background:#fff;border:1px solid #00214724;border-radius:999px;align-items:center;height:24px;padding:0 10px;font-size:.82rem;font-weight:900;display:inline-flex}.wc-pill-html{border-color:#ff634759}.wc-pill-css{border-color:#1e90ff59}.wc-pill-js{border-color:#ffc10773}.wc-editor-meta{color:color-mix(in srgb,var(--default-color),transparent 38%);font-size:.9rem}.wc-textarea{resize:vertical;color:#0b1220;border:0;outline:0;min-height:170px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.92rem;line-height:1.55}.wc-right .wc-preview{flex:1;min-height:520px;padding:12px;display:flex}.wc-iframe{border:1px solid #0021471a;border-radius:14px;height:100%}.wc-footnote{color:color-mix(in srgb,var(--default-color),transparent 35%);border-top:1px solid #0021471a;padding:10px 12px 12px;font-size:.92rem}.wc-footnote span{color:#002147;font-weight:800}body.wc-noscroll{overflow:hidden!important}#wcShell:fullscreen{background:#fff;padding:14px}#wcShell:fullscreen .wc-panel{height:calc(100vh - 28px)}#wcShell:fullscreen .wc-split-layout{min-height:calc(100vh - 28px)}@media (max-width:991px){.bcx-codeCard,.bcx-editorCard,.bcx-workspace{height:560px}.quick-tools-grid{grid-template-columns:repeat(2,1fr);gap:22px}.wc-split-layout{min-height:unset;flex-direction:column}.wc-splitter{display:none}.wc-left-pane,.wc-right-pane{min-width:0;max-width:100%;flex-basis:auto!important}.wc-right .wc-preview{min-height:420px}.wc-textarea{min-height:150px}}.wc-split-layout{align-items:stretch;width:100%;min-height:620px;display:flex}.wc-split-pane{min-width:320px;display:flex}.wc-left-pane,.wc-right-pane{flex-basis:50%;max-width:80%}.wc-splitter{touch-action:none;cursor:col-resize;background:0 0;flex:0 0 8px;width:8px}.wc-splitter:before{content:"";background:#00214740;border-radius:2px;width:2px;position:absolute;top:10px;bottom:10px;left:50%;transform:translate(-50%)}@media (max-width:991px){.wc-split-layout{min-height:unset;flex-direction:column}.wc-splitter{display:none}.wc-left-pane,.wc-right-pane{min-width:0;max-width:100%;flex-basis:auto!important}}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}:root{--clavis-nav-h:80px}.scratch-hero{min-height:100svh;padding-top:var(--clavis-nav-h);padding-bottom:32px}.scratch-hero-inner{min-height:calc(100svh - var(--clavis-nav-h));grid-template-columns:1.05fr .95fr;align-items:center;gap:28px;display:grid}@media (max-width:991px){.scratch-hero-inner{grid-template-columns:1fr;align-items:start;gap:18px}}.scratch-hero-title{letter-spacing:-.02em;color:#002147;margin:0 0 12px;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:clamp(2rem,3.4vw,3.15rem);font-weight:900;line-height:1.08}.scratch-hero-desc{color:#0b1220d6;max-width:62ch;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:1.05rem;line-height:1.7}.scratch-hero-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.sh-btn{letter-spacing:.01em;-webkit-user-select:none;user-select:none;border:1px solid #00214729;border-radius:14px;align-items:center;gap:10px;padding:12px 16px;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;display:inline-flex}.sh-btn i{font-size:1.1rem;line-height:1}.sh-btn-primary{color:#fff;background:#002147;border-color:#002147;box-shadow:0 14px 30px #0000001f}.sh-btn-primary:hover{color:#fff;transform:translateY(-1px);box-shadow:0 18px 38px #00000029}.sh-btn-ghost{color:#002147;background:#ffffffd9}.sh-btn-ghost:hover{border-color:#0021473d;transform:translateY(-1px);box-shadow:0 14px 30px #0000001a}.scratch-hero-media{width:100%}.sh-slider{background:#00214705;border:1px solid #0021471f;border-radius:18px;width:100%;height:clamp(320px,40vh,520px);overflow:hidden;box-shadow:0 18px 44px #00000014}.sh-track{will-change:transform;height:100%;transition:transform .52s;display:flex;transform:translate(0,0)}.sh-slide{flex:0 0 100%;place-items:center;height:100%;display:grid}.sh-img-placeholder{text-align:center;color:#002147bf;background:radial-gradient(1200px 500px at 30% 20%,#0021471f,#0000 60%),radial-gradient(800px 420px at 75% 65%,#daa5202e,#0000 55%),linear-gradient(135deg,#0021470a,#0000);border-radius:18px;place-items:center;width:100%;height:100%;padding:22px;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:800;display:grid}.sh-img-placeholder span{background:#ffffffa6;border:1px dashed #00214738;border-radius:999px;padding:10px 14px;display:inline-block}.sh-note{color:#0b12209e;margin:10px 0 0;font-size:.9rem}@media (max-width:991px){.sh-slider{height:clamp(260px,34vh,420px)}}@media (prefers-reduced-motion:reduce){.sh-track{transition:none!important}}.scratch-hero{isolation:isolate;position:relative}.scratch-hero .scratch-hero-inner,.scratch-hero .scratch-hero-content,.scratch-hero .scratch-hero-actions{z-index:2;position:relative}.scratch-hero .scratch-hero-actions,.scratch-hero .scratch-hero-actions a{pointer-events:auto!important}.scratch-features{padding:96px 0 80px}.sf-header{text-align:center;max-width:780px;margin:0 auto 56px}.sf-title{letter-spacing:-.02em;color:#002147;margin-bottom:12px;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:900}.sf-desc{color:#0b1220b8;font-size:1.05rem;line-height:1.7}.sf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}@media (max-width:991px){.sf-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:575px){.sf-grid{grid-template-columns:1fr}}.sf-card{background:#fff;border:1px solid #0021471f;border-radius:18px;height:100%;padding:28px 26px;transition:transform .2s,box-shadow .2s;box-shadow:0 14px 32px #0000000f}.sf-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px #0000001a}.sf-icon{color:#002147;background:#00214714;border-radius:14px;place-items:center;width:54px;height:54px;margin-bottom:18px;font-size:1.4rem;display:grid}.sf-card h3{color:#002147;margin-bottom:8px;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:1.15rem;font-weight:800}.sf-card p{color:#0b1220bf;margin:0;font-size:.95rem;line-height:1.65}.scratch-challenge{padding:90px 0}.sc-grid{grid-template-columns:1fr 1fr;align-items:center;gap:158px;display:grid}.sc-media{background:#fff;border:1px solid #0021471f;border-radius:22px;overflow:hidden;box-shadow:0 20px 50px #0000001f}.sc-media img{aspect-ratio:16/11;object-fit:cover;width:100%;height:100%;display:block}.sc-kicker{letter-spacing:.12em;text-transform:uppercase;color:#002147b3;margin-bottom:10px;font-size:.85rem;font-weight:900;display:inline-block}.sc-title{letter-spacing:-.02em;color:#002147;margin:0 0 14px;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:clamp(2.2rem,3vw,3rem);font-weight:900;line-height:1.1}.sc-desc{color:#0b1220b8;max-width:520px;margin:0 0 24px;font-size:1.05rem;line-height:1.75}.sc-btn{color:#002147;background:#daa520;border:1px solid #00214729;border-radius:14px;align-items:center;gap:10px;padding:14px 18px;font-weight:900;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 18px 40px #0000001f}.sc-btn:hover{transform:translateY(-2px);box-shadow:0 24px 60px #00000029}.sc-btn i{font-size:1.4rem}@media (max-width:991px){.sc-grid{grid-template-columns:1fr}.sc-right{text-align:center}.sc-desc{margin-left:auto;margin-right:auto}}.clavis-compiler-about{padding:100px 0;position:relative}.cca-wrap{color:#fff;background:linear-gradient(135deg,#002147 0%,#0b1f3a 45%,#daa520 100%);border-radius:28px;padding:70px 60px;overflow:hidden;box-shadow:0 30px 80px #00000040}.cca-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;display:grid}.cca-title{letter-spacing:-.02em;color:#fff;margin-bottom:26px;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:clamp(2.2rem,3.6vw,3rem);font-weight:900;line-height:1.15}.cca-list{gap:18px;margin:0;padding:0;list-style:none;display:grid}.cca-list li{color:#ffffffeb;align-items:flex-start;gap:14px;font-size:1.05rem;line-height:1.6;display:flex}.cca-list i{color:#daa520;flex-shrink:0;margin-top:4px;font-size:1.3rem}.cca-image{background:#ffffff0a;border:1px solid #ffffff2e;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000059}.cca-image img{object-fit:cover;width:100%;height:auto;display:block}@media (max-width:991px){.cca-wrap{padding:50px 28px}.cca-grid{text-align:center;grid-template-columns:1fr}.cca-list{justify-items:center}.cca-list li{text-align:left;max-width:520px}}
@font-face{font-family:inter;src:url(../media/Inter18pt_Regular-s.p.d7248d94.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:inter;src:url(../media/Inter18pt_Medium-s.p.783994cc.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:inter;src:url(../media/Inter18pt_SemiBold-s.p.f37d260c.woff2)format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:inter;src:url(../media/Inter18pt_Bold-s.p.64e24db8.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:inter Fallback;src:local(Arial);ascent-override:91.59%;descent-override:22.81%;line-gap-override:0.0%;size-adjust:105.77%}.inter_cc0d8786-module__-_IDrq__className{font-family:inter,inter Fallback}.inter_cc0d8786-module__-_IDrq__variable{--font-inter:"inter","inter Fallback"}
@font-face{font-family:outfit;src:url(../media/Outfit_Medium-s.p.edb031f7.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:outfit;src:url(../media/Outfit_SemiBold-s.p.ab2c7fbc.woff2)format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:outfit;src:url(../media/Outfit_Bold-s.p.b0ceb1d0.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:outfit;src:url(../media/Outfit_ExtraBold-s.p.a999395c.woff2)format("woff2");font-display:swap;font-weight:800;font-style:normal}@font-face{font-family:outfit Fallback;src:local(Arial);ascent-override:99.71%;descent-override:25.92%;line-gap-override:0.0%;size-adjust:100.3%}.outfit_7a09e917-module__r4dNcq__className{font-family:outfit,outfit Fallback}.outfit_7a09e917-module__r4dNcq__variable{--font-outfit:"outfit","outfit Fallback"}
@font-face{font-family:beVietnamPro;src:url(../media/BeVietnamPro_SemiBold-s.p.8ad1d44f.woff2)format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:beVietnamPro;src:url(../media/BeVietnamPro_Bold-s.p.337c3a80.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:beVietnamPro;src:url(../media/BeVietnamPro_ExtraBold-s.p.e2480788.woff2)format("woff2");font-display:swap;font-weight:800;font-style:normal}@font-face{font-family:beVietnamPro Fallback;src:local(Arial);ascent-override:87.96%;descent-override:23.31%;line-gap-override:0.0%;size-adjust:113.69%}.bevietnampro_f4a5337b-module__9lyB8W__className{font-family:beVietnamPro,beVietnamPro Fallback}.bevietnampro_f4a5337b-module__9lyB8W__variable{--font-be-vietnam-pro:"beVietnamPro","beVietnamPro Fallback"}