.teach-smarter-section{background:url(/assets/images/x.png) 0 no-repeat,radial-gradient(circle at center,#36174f 0,#1d0d2b 100%);color:#fff;padding:0 4rem;background-size:950px auto,cover;background-position:left 0 top 30%;height:382px;overflow:hidden}.teach-smarter-section .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;max-width:1600px;margin:0 auto;gap:2rem}.teach-smarter-section .container .content-left{z-index:1;margin-bottom:150px}.teach-smarter-section .container .content-left h1{font-size:48px;margin-bottom:1rem;line-height:1.2}.teach-smarter-section .container .content-left .subtitle{font-size:18px;font-weight:500;margin-bottom:2rem;color:#ccc}.teach-smarter-section .container .content-left .start-btn{background:#4a90e2;border:none;padding:.75rem 1.5rem;border-radius:6px;box-shadow:none;height:45px;font-size:1rem;margin-top:2rem}.teach-smarter-section .container .content-left .start-btn:hover{opacity:.9}.teach-smarter-section .container .content-right{position:relative;flex:1;display:flex;justify-content:center;align-items:flex-end;max-width:100%;overflow:hidden}.teach-smarter-section .container .content-right .hero-image{width:100%;max-width:813px;height:auto;right:0;bottom:75px;position:relative;z-index:1}@media(max-width:1024px){.teach-smarter-section{padding:3rem 2rem}.teach-smarter-section .container{flex-direction:column}.teach-smarter-section .content-left h1{font-size:32px!important}.teach-smarter-section .content-left .subtitle{font-size:16px!important}.teach-smarter-section .content-left .start-btn{font-size:.95rem;width:100%;max-width:250px;height:42px!important}.teach-smarter-section .content-right .hero-image{max-width:100%}.teach-smarter-section .content-right .decor-wrapper{display:none}}@media(max-width:768px){.teach-smarter-section{background:radial-gradient(circle at center,#36174f 0,#1d0d2b 100%)!important;padding:1.5rem 1rem;height:auto;overflow:visible}.teach-smarter-section .container{flex-direction:column;text-align:center;gap:1.5rem}.teach-smarter-section .container .content-right{order:2}.teach-smarter-section .container .content-right .hero-image{display:block;max-width:100%;height:auto;top:0}.teach-smarter-section .container .content-left{order:1;margin-top:0;margin-bottom:0}.teach-smarter-section .container .content-left h1{font-size:22px!important;margin-bottom:6px}.teach-smarter-section .container .content-left .subtitle{font-size:13px;margin-bottom:14px}.teach-smarter-section .container .content-left .start-btn{font-size:13px;height:38px;max-width:200px;margin-top:1rem}}.features-section{padding:4rem 2rem;text-align:center;background-color:#fff}.features-section .features-header{margin-bottom:2rem}.features-section .features-header h2{font-size:12px;color:#464646;text-transform:uppercase;background-color:#f1f1f3;width:200px;letter-spacing:1px;font-weight:500;padding:6px;border-radius:1000px;margin:0 auto}.features-section .features-header h1{font-size:2rem;color:#2f2f2f;line-height:1.2;margin:.5rem 0}.features-section .features-header h1 span{color:rgba(0,0,0,0);background:linear-gradient(111deg,#0085e5 7.38%,#ff00b6 103.76%)!important;background-clip:text;-webkit-background-clip:text!important}.features-section .features-list{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.features-section .features-list .feature-item{display:flex;align-items:center;cursor:pointer;gap:4px;flex-direction:column;padding:1rem}.features-section .features-list .feature-item .feature-content{display:flex;align-items:center;gap:10px}.features-section .features-list .feature-item span:last-child{font-size:20px;color:#333}.features-section .features-list .feature-item .progress-bar-wrapper{width:132px;height:3px;background-color:#e0e0e0;border-radius:4px;overflow:hidden;margin-top:8px}.features-section .features-list .feature-item .progress-bar{height:100%;width:100%;background:linear-gradient(90deg,#0095ff,#2563eb);animation:fillBar 3s linear forwards;transform-origin:left}@keyframes fillBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.features-section .features-list .feature-item.active svg path{fill:#0095ff}.features-section .features-list .feature-item.active[data-stroke=true] svg path{fill:none;stroke:#0095ff}.features-section .features-list .feature-item.active span{color:rgba(0,0,0,0);background:linear-gradient(111deg,#0095ff 7.38%,#2563eb 103.76%)!important;background-clip:text;-webkit-background-clip:text!important}.features-section .feature-image-preview{margin-top:3rem;display:flex;flex-direction:column;align-items:center;position:relative}.features-section .feature-image-preview .feature-banner{background-color:#000;color:#fff;padding:2rem;border-radius:15px 15px 0 0;width:100%;max-width:1250px;text-align:left;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-between}.features-section .feature-image-preview .feature-banner p{font-size:1rem;font-weight:500;flex:1;margin:0 1rem 0 0}.features-section .feature-image-preview .feature-banner .learn-more-btn{color:rgba(0,0,0,0);background:linear-gradient(111deg,#0095ff 7.38%,#2563eb 103.76%)!important;background-clip:text;-webkit-background-clip:text!important;text-decoration:none;padding:.5rem 1rem;font-size:1rem;background:rgba(0,0,0,0)}.features-section .feature-image-preview img{max-width:1250px;border-radius:0 0 20px 20px;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:all .3s ease}@media(max-width:768px){.features-section{padding:2rem 1rem}.features-section .features-header{margin-bottom:0}.features-section .features-header h2{font-size:10px}.features-section .features-header h1{font-size:22px}.features-section .features-list{display:flex;justify-content:space-between;flex-wrap:nowrap;gap:.5rem;padding:1rem 0}.features-section .feature-item{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:50px;max-width:60px;padding:0}.features-section .feature-item .feature-content{flex-direction:column;align-items:center;justify-content:center}.features-section .feature-item svg{width:24px;height:24px}.features-section .feature-item span:last-child{font-size:11px!important;line-height:1.2}.features-section .feature-item .progress-bar-wrapper{display:none}.features-section .feature-image-preview{margin-top:20px}.features-section .feature-image-preview .feature-banner{flex-direction:column;margin-bottom:20px;border-radius:8px;background-color:#f0f0f0;box-shadow:none;color:#2f2f2f;align-items:flex-start;padding:12px 16px}.features-section .feature-image-preview .feature-banner br{display:none}.features-section .feature-image-preview .feature-banner p{font-size:14px;margin-bottom:4px}.features-section .feature-image-preview .feature-banner .learn-more-btn{font-size:14px;margin-right:10px!important}.features-section .feature-image-preview img{width:100%!important;height:205px!important;max-height:300px!important;border-radius:.5px;border:1px solid #f0f0f0}}.hero-section{position:relative;width:100%;padding:80px 60px;overflow:hidden;background-color:#f9f9fa}.hero-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/images/Container.png);background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:1;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.4) 50%,rgba(0,0,0,.1));-webkit-mask-repeat:no-repeat;mask-image:linear-gradient(180deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.4) 50%,rgba(0,0,0,.1));mask-repeat:no-repeat}.hero-section>*{position:relative;z-index:2}.hero-section .hero-container{display:flex;justify-content:space-between;align-items:center;max-width:1600px;width:100%;margin:0 auto}.hero-section .hero-content{flex:1;margin-bottom:2rem}.hero-section .hero-content h1{font-size:36px;font-weight:600;line-height:1.3;color:#2f2f2f;margin-bottom:16px}.hero-section .hero-content h1 .highlight-blue{color:rgba(0,0,0,0);background:linear-gradient(111deg,#0085e5 7.38%,#ff00b6 103.76%)!important;background-clip:text;-webkit-background-clip:text!important}.hero-section .hero-content .subtext{font-size:20px;font-weight:500;color:#2f2f2f;margin-bottom:30px}.hero-section .hero-content .hero-buttons{display:flex;gap:16px;margin-bottom:1rem}.hero-section .hero-content .hero-buttons .ant-btn{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:auto;padding:10px 30px;border-radius:6px;font-weight:600}.hero-section .hero-content .hero-buttons .ant-btn .btn-label{font-size:11px;font-weight:400;color:#fff;line-height:1}.hero-section .hero-content .hero-buttons .ant-btn .btn-main{font-size:16px;font-weight:500}.hero-section .hero-content .hero-buttons .btn-blue{background:linear-gradient(111deg,#0085e5 7.38%,#ff00b6 103.76%);color:#fff;border:none}.hero-section .hero-content .hero-buttons .btn-dark{background:#111;color:#fff;border:none}.hero-section .hero-content .hero-stats{display:flex;flex-direction:column;gap:20px;width:100%;max-width:174px;margin-top:10rem}.hero-section .hero-content .hero-stats .stat-block{width:100%;padding:16px 20px;border-radius:13px;background-color:#f5f5f7;border:1px solid #efeff0;transition:.3s ease}.hero-section .hero-content .hero-stats .stat-block:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.hero-section .hero-content .hero-stats .stat-block h2{font-size:36px;margin-bottom:6px}.hero-section .hero-content .hero-stats .stat-block h2 .highlight-purple{color:rgba(0,0,0,0);background:linear-gradient(111deg,#0085e5 7.38%,#ff00b6 103.76%)!important;background-clip:text;-webkit-background-clip:text!important;-webkit-text-fill-color:rgba(0,0,0,0)}.hero-section .hero-content .hero-stats .stat-block p{font-size:12px;font-weight:500;color:#2f2f2f}.hero-section .hero-graphic{flex:1;display:flex;justify-content:flex-end;align-items:flex-start;position:relative}.hero-section .hero-graphic .main-image{width:100%;height:auto;border-radius:14px;object-fit:contain;transform:translateX(50px) translateY(-50px);-webkit-mask-image:linear-gradient(90deg,black 70%,transparent);mask-image:linear-gradient(90deg,black 70%,transparent);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;z-index:1}.hero-section .hero-graphic .sub-images{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.hero-section .hero-graphic .sub-images img{position:absolute;width:100%;height:auto}.hero-section .hero-graphic .sub-images .frame1{top:65%;left:-225px;width:246px}.hero-section .hero-graphic .sub-images .frame2{top:55%;left:-70px;width:278px}.hero-section .hero-graphic .sub-images .frame3{bottom:49px;width:98px;transform:translateX(-80%)}@media(max-width:1000px){.hero-section{padding:60px 30px}.hero-section .hero-container{flex-direction:column;align-items:flex-start;text-align:left}.hero-section .hero-content{width:100%}.hero-section .hero-content h1{font-size:28px}.hero-section .hero-content .subtext{font-size:16px}.hero-section .hero-content .hero-buttons{flex-direction:row;width:auto}.hero-section .hero-content .hero-buttons .ant-btn{width:auto;align-items:flex-start;text-align:left}.hero-section .hero-content .hero-stats{flex-direction:column;justify-content:flex-start;gap:20px;margin-top:2rem}.hero-section .hero-content .hero-stats .stat-block{width:auto}.hero-section .hero-content .hero-stats .stat-block h2{font-size:24px}.hero-section .hero-graphic{width:100%;justify-content:center;margin-top:40px}.hero-section .hero-graphic .main-image{width:100%;max-width:400px;transform:translate(0);mask-image:none;-webkit-mask-image:none}.hero-section .hero-graphic .sub-images{display:none}}@media(max-width:600px){.hero-section{padding:40px 20px}.hero-section .hero-content h1{font-size:24px}.hero-section .hero-content .subtext{font-size:14px}.hero-section .hero-content .hero-buttons{gap:12px}.hero-section .hero-content .hero-buttons .ant-btn{flex-shrink:1;min-width:0;max-width:100%}.hero-section .hero-content .hero-stats{flex-direction:row!important;flex-wrap:nowrap;gap:12px}.hero-section .hero-content .hero-stats .stat-block{min-width:160px;text-align:left}.hero-section .hero-content .hero-stats .stat-block h2{font-size:20px}.hero-section .hero-content .hero-stats .stat-block p{font-size:11px}}.lms-integration-section{padding:4rem;background-color:#fff}.lms-integration-section,.lms-integration-section .container{display:flex;justify-content:space-between;align-items:center}.lms-integration-section .container{max-width:1600px;margin:0 auto}.lms-integration-section .container .left-panel{flex:1}.lms-integration-section .container .left-panel h3{font-size:12px;color:#464646;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;background-color:#f7f7f7;padding:6px;width:200px;border-radius:1000px;text-align:center;font-weight:500}.lms-integration-section .container .left-panel h1{font-size:36px;color:#2f2f2f;margin-bottom:1rem;line-height:1.2}.lms-integration-section .container .left-panel p{font-size:19px;color:#464646;margin-bottom:1.5rem;line-height:1.5;font-weight:500}.lms-integration-section .container .left-panel .get-access-btn{background:linear-gradient(111deg,#0095ff 7.38%,#2563eb 103.76%)!important;border:none;padding:.75rem 1.5rem;border-radius:6px;transition:none;box-shadow:none;color:#fff;height:45px;width:186px;font-size:1rem;font-weight:500}.lms-integration-section .container .left-panel .get-access-btn:hover{opacity:.9}.lms-integration-section .container .right-panel{flex:1;display:flex;justify-content:flex-end}.lms-integration-section .container .right-panel .integration-image{max-width:719px;width:100%;height:auto}@media(max-width:768px){.lms-integration-section{padding:2rem 1rem;text-align:center}.lms-integration-section .container{flex-direction:column;align-items:center;text-align:center}.lms-integration-section .container .left-panel{max-width:100%;margin-bottom:2rem}.lms-integration-section .container .left-panel h3{margin:0 auto .5rem;font-size:10px}.lms-integration-section .container .left-panel h1{font-size:22px}.lms-integration-section .container .left-panel p{font-size:16px}.lms-integration-section .container .left-panel p br{display:none}.lms-integration-section .container .right-panel{justify-content:center}.lms-integration-section .container .right-panel .integration-image{max-width:90%}}.student-section{padding:4rem;background-color:#f5f5f7}.student-section .container{display:flex;justify-content:space-between;flex-wrap:wrap;max-width:1600px;margin:0 auto;gap:2rem}.student-section .container .left-column{display:flex;flex-direction:column}.student-section .container .left-column .tab-buttons{display:inline-flex;background:#eee;border-radius:13px;width:328px;height:47px;justify-content:center;align-items:center;overflow:hidden;margin-bottom:3.5rem}.student-section .container .left-column .tab-buttons button{padding:1.2rem 2.9rem;font-size:1rem;font-weight:500;color:#111;background-color:rgba(0,0,0,0)!important;border:none!important;box-shadow:none!important;cursor:pointer;transition:all .3s ease;border-radius:10px}.student-section .container .left-column .tab-buttons button:not(.active):hover{background-color:#e5e5e5}.student-section .container .left-column .tab-buttons button.active{background:linear-gradient(90deg,#36174f,#1d0d2b);color:#fff;font-weight:700}.student-section .container .left-column .headline{display:flex;align-items:center;gap:1rem}.student-section .container .left-column .headline h2{font-size:36px;color:#111827;margin:0}.student-section .container .left-column ul{margin:1.5rem 0;padding-left:1rem;list-style:disc;color:#2f2f2f}.student-section .container .left-column ul li{margin-bottom:1rem;font-size:18px;line-height:2rem;font-weight:500}.student-section .container .left-column .cta-button{width:-moz-fit-content;width:fit-content;background:linear-gradient(111deg,#0085e5 7.38%,#ff00b6 103.76%)!important;border:none;color:#fff;padding:.75rem 1.5rem;border-radius:6px;height:45px;font-weight:500;font-size:15px;width:100%;max-width:187px;cursor:pointer;transition:background .3s ease}.student-section .container .left-column .cta-button:hover{opacity:.9}.student-section .container .right-column{width:48%;display:flex;align-items:center;justify-content:center;height:500px}.student-section .container .right-column .dashboard-preview{width:100%;max-width:752px;height:auto;object-fit:contain;border-radius:12px;background:none}@media(max-width:768px){.student-section{padding:2rem 1rem}.student-section .container{flex-direction:column;align-items:center}.student-section .container .left-column,.student-section .container .right-column{width:100%}.student-section .container .right-column{margin-top:1rem;height:auto}.student-section .container .dashboard-preview{height:280px;object-fit:contain}.student-section .container .tab-buttons{width:100%;max-width:328px}.student-section .container .headline .learn-icon{width:60px;height:60px}.student-section .container .headline .learn-icon svg{width:100%;height:100%}.student-section .container .headline h2{font-size:22px!important}.student-section .container ul{padding-left:2rem!important;text-align:left}.student-section .container ul br{display:none}.student-section .container ul li{font-size:16px!important;line-height:1.5rem!important}.student-section .container .cta-button{margin:0 auto;font-size:14px;height:40px;max-width:160px}}