*{padding:0;margin:0;box-sizing:border-box}a{text-decoration:none;color:inherit}.csscontent-wrapper{height:100%;display:flex;min-height:100%;flex-direction:column}.cssprogress_bar{flex:0 0 auto}html,body{min-height:100%;font-family:Arial,sans-serif;height:100%;scroll-behavior:smooth;color:#000000}header,footer{width:100%}.cssnav_start{flex:1 0 auto}.container{margin:auto;max-width:100%;width:1128px}svg{height:30px;width:30px}@media only screen and (max-width: 1200px) {.container{padding:0 20px;width:100%}} @media only screen and (max-width: 800px) {.container{padding:0 12px}} .cssteaching_history{background:linear-gradient( 125deg,rgb(213,216,232) 0%,rgb(213,216,232) 60%,rgb(173,184,208,0.5) 120% );overflow:hidden;position:relative;padding:100px 0}.cssteaching_history::before{position:absolute;height:100%;left:0;opacity:0.03;background-position:0 0,0 30px,30px -30px,-30px 0px;background-size:60px 60px;width:100%;top:0;content:"";background-image:linear-gradient(45deg,rgb(173,184,208,0.5) 25%,transparent 25%),linear-gradient(-45deg,rgb(173,184,208,0.5) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgb(173,184,208,0.5) 75%),linear-gradient(-45deg,transparent 75%,rgb(173,184,208,0.5) 75%)}.cssteaching_history::after{animation:pulse-subtle 15s infinite alternate ease-in-out;left:-50%;position:absolute;background:radial-gradient( ellipse at center,rgb(173,184,208,0.5) 0%,transparent 60% );top:-50%;width:200%;content:"";height:200%;opacity:0.2}@keyframes pulse-subtle {0%{transform:scale(1);opacity:0.15}100%{transform:scale(1.05);opacity:0.25}} .cssteaching_history .container{z-index:2;margin:0 auto;max-width:1200px;padding:0 15px;position:relative}.cssteaching_history .csslearner_ratings{position:relative;overflow:visible;padding:0;background:transparent;display:flex;align-items:center;border-radius:11px;flex-direction:column}.cssteaching_history .cssphoto_card{position:relative;width:260px;margin-bottom:30px;box-shadow:25px 25px 50px rgba(0,0,0,0.12),-25px -25px 50px rgba(255,255,255,0.7),inset 0 0 0 1px rgba(255,255,255,0.1);transform:rotate(-5deg);border-radius:20px;transition:all 0.5s cubic-bezier(0.19,1,0.22,1);height:260px;z-index:3}.cssteaching_history .cssphoto_card::before{background:linear-gradient( 135deg,rgb(173,184,208,0.5) 0%,transparent 50%,rgb(133,151,181,0.5) 100% );transition:all 0.5s ease;content:"";opacity:0.3;border-radius:30px;inset:-10px;position:absolute;z-index:-1;transform:rotate(5deg)}.cssteaching_history .cssphoto_card::after{z-index:-2;border-radius:40px;position:absolute;opacity:0.05;content:"";background:repeating-linear-gradient( -45deg,transparent 0,transparent 10px,rgb(173,184,208,0.5) 10px,rgb(173,184,208,0.5) 11px );transform:rotate(10deg);inset:-20px;transition:all 0.5s ease}.cssteaching_history .name{padding:0 20px 15px;background:linear-gradient( to right,#000000 0%,rgb(173,184,208) 100% );color:#000000;-webkit-background-clip:text !important;font-size:40px;text-align:center;font-weight:700;z-index:2;-webkit-text-fill-color:transparent;margin-bottom:15px;position:relative;background-clip:text !important;text-fill-color:transparent}.cssteaching_history .name::after{width:80px;background:linear-gradient( to right,rgb(173,184,208) 0%,rgb(133,151,181) 100% );content:"";left:50%;border-radius:3px;height:3px;transform:translateX(-50%);position:absolute;bottom:0}.cssteaching_history .csslearner_ratings span:not(.name){transition:all 0.3s ease;position:relative;text-align:center;text-transform:uppercase;font-size:24px;letter-spacing:3px;margin-bottom:40px;z-index:2;opacity:0.8;font-weight:600;color:rgb(133,151,181)}.cssteaching_history .csscareer_insights{background:#ffffff;box-shadow:0 10px 30px rgba(0,0,0,0.06),0 1px 1px rgba(0,0,0,0.04);line-height:1.9;font-size:18px;border-radius:11px;max-width:700px;position:relative;text-align:center;width:80%;color:#000000;margin:0;padding:40px 50px;z-index:1}.cssteaching_history .csscareer_insights::before{opacity:0.2;border-radius:0 0 10px 0;height:35px;width:35px;left:25px;content:"";background:linear-gradient(45deg,rgb(173,184,208,0.5) 0%,transparent 100%);position:absolute;top:25px}.cssteaching_history .csscareer_insights::after{right:25px;border-radius:0 0 0 10px;position:absolute;background:linear-gradient(225deg,rgb(133,151,181,0.5) 0%,transparent 100%);opacity:0.2;height:35px;content:"";width:35px;bottom:25px}.cssteaching_history .csslearner_ratings::before{top:-70px;content:"";background:linear-gradient( 135deg,rgb(173,184,208,0.5) 0%,transparent 100% );border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;left:50%;z-index:0;opacity:0.1;width:300px;animation:morphing 15s infinite alternate ease-in-out;height:300px;position:absolute;transform:translateX(-50%) rotate(45deg)}@keyframes morphing {0%{border-radius:30% 70% 70% 30% / 30% 30% 70% 70%}25%{border-radius:70% 30% 50% 50% / 40% 60% 40% 60%}50%{border-radius:40% 60% 60% 40% / 60% 30% 70% 40%}75%{border-radius:60% 40% 30% 70% / 50% 50% 50% 50%}100%{border-radius:30% 70% 70% 30% / 30% 30% 70% 70%}} .cssteaching_history .csslearner_ratings::after{width:350px;top:-50px;height:350px;border-radius:60% 40% 30% 70% / 50% 50% 50% 50%;background:linear-gradient( 135deg,transparent 0%,rgb(133,151,181,0.5) 100% );animation:morphing 15s infinite alternate-reverse ease-in-out;opacity:0.08;position:absolute;z-index:0;transform:translateX(-50%) rotate(-45deg);content:"";left:50%}.cssteaching_history .csslearner_ratings:hover .cssphoto_card{box-shadow:30px 30px 60px rgba(0,0,0,0.15),-30px -30px 60px rgba(255,255,255,0.8),inset 0 0 0 1px rgba(255,255,255,0.2);transform:rotate(0deg) translateY(-10px)}.cssteaching_history .csslearner_ratings:hover .cssphoto_card::before{transform:rotate(0deg);opacity:0.5}.cssteaching_history .csslearner_ratings:hover .cssphoto_card::after{transform:rotate(5deg)}.cssteaching_history .csslearner_ratings:hover span:not(.name){letter-spacing:5px;opacity:1}@media (max-width: 991px) {.cssteaching_history{padding:80px 0}.cssteaching_history .cssphoto_card{width:220px;margin-bottom:25px;height:220px}.cssteaching_history .name{font-size:calc(40px * 0.9);margin-bottom:12px}.cssteaching_history .csscareer_insights{padding:35px 40px;width:85%}.cssteaching_history .csslearner_ratings::before,.cssteaching_history .csslearner_ratings::after{height:250px;width:250px}} @media (max-width: 767px) {.cssteaching_history{padding:60px 0}.cssteaching_history .cssphoto_card{width:180px;margin-bottom:20px;height:180px}.cssteaching_history .name{margin-bottom:10px;font-size:calc(40px * 0.8);padding:0 15px 12px}.cssteaching_history .csslearner_ratings span:not(.name){font-size:calc(24px * 0.9);letter-spacing:2px;margin-bottom:30px}.cssteaching_history .csscareer_insights{padding:30px 35px;font-size:calc(18px * 0.95);width:90%}.cssteaching_history .csscareer_insights::before,.cssteaching_history .csscareer_insights::after{width:25px;height:25px}.cssteaching_history .csslearner_ratings::before,.cssteaching_history .csslearner_ratings::after{width:200px;height:200px}.cssteaching_history .csslearner_ratings:hover span:not(.name){letter-spacing:3px}} @media (max-width: 575px) {.cssteaching_history{padding:50px 0}.cssteaching_history .cssphoto_card{border-radius:15px;width:150px;margin-bottom:15px;height:150px}.cssteaching_history .cssphoto_card::before{border-radius:22px;inset:-8px}.cssteaching_history .cssphoto_card::after{border-radius:30px;inset:-15px}.cssteaching_history .name{font-size:calc(40px * 0.7);padding:0 10px 10px;margin-bottom:8px}.cssteaching_history .name::after{height:2px;width:60px}.cssteaching_history .csslearner_ratings span:not(.name){letter-spacing:1px;font-size:calc(24px * 0.85);margin-bottom:25px}.cssteaching_history .csscareer_insights{font-size:calc(18px * 0.9);border-radius:10px;width:100%;padding:25px 20px}.cssteaching_history .csscareer_insights::before,.cssteaching_history .csscareer_insights::after{height:20px;top:15px;left:15px;width:20px}.cssteaching_history .csscareer_insights::after{right:15px;bottom:15px}.cssteaching_history .csslearner_ratings::before,.cssteaching_history .csslearner_ratings::after{height:150px;width:150px}.cssteaching_history .csslearner_ratings:hover span:not(.name){letter-spacing:2px}}.cssreceive_updates{padding:4rem 3rem;box-shadow:0 15px 35px rgba(0,0,0,0.05);position:relative;border-radius:15px;background:rgb(213,216,232);overflow:hidden}.cssreceive_updates::before{height:100%;left:0;animation:bg-shift 30s linear infinite;opacity:0.08;background-size:100px 100px;top:0;z-index:1;position:absolute;background:linear-gradient(135deg,transparent 25%,rgb(173,184,208,0.5) 25%,rgb(173,184,208,0.5) 50%,transparent 50%),linear-gradient(45deg,rgb(133,151,181,0.5) 25%,transparent 25%,transparent 50%,rgb(133,151,181,0.5) 50%);content:"";width:100%}.cssreceive_updates::after{right:0;background:radial-gradient(circle at bottom right,rgb(173,184,208,0.5),transparent 70%);z-index:1;height:50%;opacity:0.2;filter:blur(15px);width:40%;bottom:0;content:"";position:absolute}.cssreceive_updates .cssfast_guide{position:relative;z-index:2;grid-gap:2rem;grid-template-columns:repeat(12,1fr);display:grid}.cssreceive_updates p{position:relative;font-size:18px;grid-row:1;grid-column:1 / span 5;padding-top:1.5rem;font-family:Arial,sans-serif;line-height:1.6;color:#000000;font-weight:700}.cssreceive_updates p::before{content:"";border-radius:10px;height:4px;background:linear-gradient(to right,rgb(173,184,208),rgb(133,151,181));position:absolute;width:60px;left:0;top:0}.cssreceive_updates .input_holder{display:flex;grid-row:1;position:relative;gap:1rem;grid-column:7 / span 6;flex-direction:column}.cssreceive_updates .input_holder::before{height:calc(100% + 20px);top:-10px;position:absolute;content:"";transition:all 0.3s ease;opacity:0.7;background:linear-gradient( 120deg,rgba(255,255,255,0.1),rgba(255,255,255,0.05) );left:-30px;z-index:-1;border-radius:10px;width:calc(100% + 60px)}.cssreceive_updates .input_holder:hover::before{background:linear-gradient( 120deg,rgba(255,255,255,0.2),rgba(255,255,255,0.1) )}.cssreceive_updates .csssub_grids{font-family:Arial,sans-serif;border:1px solid rgba(0,0,0,0.05);border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.05);width:100%;font-size:13px;padding:1.2rem 1.5rem;color:#000000;background:#ffffff;transition:all 0.3s ease}.cssreceive_updates .csssub_grids:focus{outline:none;border-color:rgb(173,184,208,0.5);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.1)}.cssreceive_updates .csssub_grids::placeholder{opacity:0.6;color:#000000}.cssreceive_updates .cssinstant_access{overflow:hidden;align-self:flex-end;font-weight:600;padding:1.2rem 2rem;z-index:1;transition:all 0.3s ease;position:relative;color:#ffffff;cursor:pointer;min-width:150px;font-size:17px;background:rgb(173,184,208);border:none;font-family:Arial,sans-serif;border-radius:10px}.cssreceive_updates .cssinstant_access::before{transition:transform 0.5s ease;background:rgb(133,151,181);left:0;width:100%;position:absolute;top:0;transform:translateX(-100%);height:100%;z-index:-1;content:""}.cssreceive_updates .cssinstant_access:hover{box-shadow:0 8px 20px rgba(0,0,0,0.15);transform:translateY(-3px)}.cssreceive_updates .cssinstant_access:hover::before{transform:translateX(0)}@keyframes bg-shift {0%{background-position:0 0}100%{background-position:100px 100px}} @media (max-width: 768px) {.cssreceive_updates{padding:3rem 1.5rem}.cssreceive_updates .cssfast_guide{grid-gap:1.5rem;grid-template-columns:1fr}.cssreceive_updates p{grid-row:1;font-size:21px;grid-column:1}.cssreceive_updates .input_holder{grid-row:2;grid-column:1}.cssreceive_updates .cssinstant_access{width:100%;align-self:stretch;min-width:auto}}.csscompany_info{background:rgb(213,216,232);padding:100px 0;position:relative;overflow:hidden}.csscompany_info::before{z-index:0;opacity:0.15;content:"";top:0;width:100%;height:100%;left:0;position:absolute;background:linear-gradient(135deg,transparent 0%,rgb(173,184,208,0.5) 100%)}.csscompany_info .container{z-index:1;position:relative}.csscompany_info .cssfast_guide{position:relative}.csscompany_info h3{font-weight:700;letter-spacing:-1px;font-size:48px;position:relative;color:#000000;text-align:center;margin-bottom:70px}.csscompany_info h3::after{position:absolute;left:50%;width:100px;bottom:-15px;transform:translateX(-50%);border-radius:10px;content:"";height:5px;background:rgb(173,184,208)}.csscompany_info .csslearn_online{display:flex;margin-bottom:80px;align-items:center;position:relative}.csscompany_info .csslearn_online span{position:absolute;font-weight:700;top:-30px;border-radius:10px;z-index:2;font-size:20px;box-shadow:0 5px 15px rgba(0,0,0,0.1);color:rgb(173,184,208);background:#ffffff;left:0;padding:8px 20px}.csscompany_info .csslearn_online p{margin-right:-50px;margin:0;color:#000000;border-radius:14px;line-height:1.8;font-size:18px;z-index:1;flex:1;box-shadow:0 15px 30px rgba(0,0,0,0.05);padding:40px;position:relative;background:#ffffff}.csscompany_info .csslearn_online .cssphoto_card{transition:transform 0.5s ease;position:relative;flex:0 0 40%;border-radius:14px;box-shadow:0 15px 30px rgba(0,0,0,0.1);z-index:0;height:400px}.csscompany_info .csslearn_online .cssphoto_card:hover{transform:scale(1.02)}.csscompany_info .csssuccess_metric{flex-direction:row-reverse;align-items:center;position:relative;display:flex}.csscompany_info .csssuccess_metric p{flex:1;background:#ffffff;z-index:1;margin:0;border-radius:14px;padding:40px;box-shadow:0 15px 30px rgba(0,0,0,0.05);position:relative;line-height:1.8;margin-left:-50px;font-size:18px;color:#000000}.csscompany_info .csssuccess_metric .cssimpact_numbers{border-radius:14px;position:relative;height:400px;flex:0 0 40%;transition:transform 0.5s ease;z-index:0;box-shadow:0 15px 30px rgba(0,0,0,0.1)}.csscompany_info .csssuccess_metric .cssimpact_numbers:hover{transform:scale(1.02)}.csscompany_info .csslearn_online::before{left:-10px;top:50%;background:rgb(173,184,208);content:"";transform:translateY(-50%);width:20px;position:absolute;border-radius:10px;height:80%;opacity:0.7}.csscompany_info .csssuccess_metric::after{transform:translateY(-50%);content:"";right:-10px;position:absolute;width:20px;background:rgb(133,151,181);opacity:0.7;top:50%;height:80%;border-radius:10px}.csscompany_info .container::after{position:absolute;content:"";opacity:0.2;border-radius:50%;bottom:-50px;height:200px;background:rgb(133,151,181,0.5);z-index:-1;right:-50px;width:200px}.csscompany_info .container::before{top:-50px;content:"";border-radius:50%;height:200px;z-index:-1;background:rgb(173,184,208,0.5);left:-50px;opacity:0.2;width:200px;position:absolute}.csscompany_info .cssfast_guide::before{top:40px;position:absolute;width:50%;content:"";background:linear-gradient(to right,rgb(173,184,208,0.5),transparent);height:1px;left:0}.csscompany_info .cssfast_guide::after{right:0;height:1px;width:50%;content:"";position:absolute;bottom:0;background:linear-gradient(to left,rgb(133,151,181,0.5),transparent)}@media screen and (max-width: 992px) {.csscompany_info{padding:80px 0}.csscompany_info h3{font-size:calc(48px * 0.85);margin-bottom:60px}.csscompany_info .csslearn_online,.csscompany_info .csssuccess_metric{flex-direction:column}.csscompany_info .csslearn_online p,.csscompany_info .csssuccess_metric p{width:100%;margin:0 0 30px 0}.csscompany_info .csslearn_online .cssphoto_card,.csscompany_info .csssuccess_metric .cssimpact_numbers{height:350px;width:100%}.csscompany_info .csslearn_online::before{height:15px;left:10%;top:0;transform:translateY(0);width:80%}.csscompany_info .csssuccess_metric::after{top:auto;right:10%;width:80%;height:15px;bottom:0;transform:translateY(0)}.csscompany_info .csslearn_online span{left:20px;top:-20px}} @media screen and (max-width: 768px) {.csscompany_info{padding:60px 0}.csscompany_info h3{font-size:calc(48px * 0.7);margin-bottom:50px}.csscompany_info h3::after{width:80px;height:4px}.csscompany_info .csslearn_online{margin-bottom:60px}.csscompany_info .csslearn_online p,.csscompany_info .csssuccess_metric p{padding:30px}.csscompany_info .csslearn_online .cssphoto_card,.csscompany_info .csssuccess_metric .cssimpact_numbers{height:300px}} @media screen and (max-width: 576px) {.csscompany_info{padding:50px 0}.csscompany_info h3{margin-bottom:40px;font-size:calc(48px * 0.6)}.csscompany_info h3::after{bottom:-10px;height:3px;width:60px}.csscompany_info .csslearn_online{margin-bottom:50px}.csscompany_info .csslearn_online span{font-size:calc(20px * 0.9);padding:6px 15px}.csscompany_info .csslearn_online p,.csscompany_info .csssuccess_metric p{line-height:1.6;font-size:calc(18px * 0.95);padding:25px}.csscompany_info .csslearn_online .cssphoto_card,.csscompany_info .csssuccess_metric .cssimpact_numbers{height:250px}.csscompany_info .csslearn_online::before,.csscompany_info .csssuccess_metric::after{height:10px}}.cssopening_page{background-color:rgb(213,216,232);height:100vh;position:relative;overflow:hidden;min-height:650px;width:100%}.cssopening_page .cssfast_guide{width:100%;height:100%;grid-template-columns:1fr 1fr;position:relative;grid-template-rows:1fr;display:grid}.cssopening_page .cssstart_head{grid-column:2;position:relative;z-index:1;width:100%;overflow:hidden;grid-row:1;height:100%}.cssopening_page .cssstart_head::before{background:linear-gradient( 90deg,#000000 0%,transparent 30%,transparent 70%,rgb(173,184,208,0.5) 100% );content:'';opacity:0.7;left:0;z-index:2;height:100%;top:0;position:absolute;width:100%}.cssopening_page .cssstart_head::after{position:absolute;left:0;background:linear-gradient( to top,rgb(213,216,232) 0%,transparent 100% );bottom:0;width:100%;content:'';height:40%;z-index:2}.cssopening_page .csslearn_team{flex-wrap:wrap;display:flex;flex-direction:column;animation:vertical-slide 30s cubic-bezier(0.4,0,0.2,1) infinite;height:100%}.cssopening_page .cssstart_intro{width:100%;flex:0 0 calc(100% / var(--slide-count,2));overflow:hidden;position:relative}.cssopening_page .cssstart_intro img{object-position:center;object-fit:cover;transform:scale(1);height:100%;width:100%;transition:transform 0.7s ease}.cssopening_page .cssstart_intro:hover img{transform:scale(1.03)}.cssopening_page .csslearn_team:hover{animation-play-state:paused}.cssopening_page .csstext_zone{align-items:flex-start;grid-row:1;display:flex;padding:0 10% 0 10%;background:linear-gradient( 90deg,rgb(213,216,232) 70%,transparent 100% );flex-direction:column;justify-content:center;position:relative;z-index:5;grid-column:1}.cssopening_page .csstext_zone::before{width:5px;content:'';background:linear-gradient( to bottom,rgb(173,184,208) 0%,rgb(133,151,181) 100% );top:20%;position:absolute;height:60%;right:0;z-index:1;box-shadow:0 0 15px rgb(173,184,208,0.5)}.cssopening_page .csstext_zone h1{margin-bottom:1.5rem;opacity:0;position:relative;letter-spacing:1px;text-align:left;font-weight:700;animation:text-slide-in 0.8s ease-out forwards;font-size:46px;text-shadow:0 2px 10px #000000;transform:translateX(-30px);max-width:90%;color:#ffffff}.cssopening_page .csstext_zone p{padding:1rem;transform:translateX(-30px);text-shadow:0 1px 8px #000000;text-align:left;border-radius:10px;animation:text-slide-in 0.8s ease-out 0.2s forwards;font-size:15px;color:#ffffff;line-height:1.7;backdrop-filter:blur(2px);margin-bottom:2rem;background:linear-gradient(90deg,rgb(173,184,208,0.5) 0%,transparent 100%);opacity:0;max-width:85%;font-weight:400}.cssopening_page .csstext_zone .csssupport_widget{text-decoration:none;font-size:19px;background-color:rgb(173,184,208);opacity:0;font-weight:600;display:inline-block;padding:0.9rem 2.2rem;box-shadow:0 4px 12px rgb(173,184,208,0.5);border-radius:10px;animation:button-slide-up 0.8s ease-out 0.4s forwards;transition:all 0.3s ease;border:none;color:#ffffff;transform:translateY(30px);position:relative}.cssopening_page .csstext_zone .csssupport_widget:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgb(133,151,181,0.5);background-color:rgb(133,151,181)}.cssopening_page .background-decoration{pointer-events:none;z-index:0;height:100%;top:0;position:absolute;left:0;width:100%;overflow:hidden}.cssopening_page .background-decoration::before{content:'';background:rgb(173,184,208,0.5);left:-150px;border-radius:50%;width:300px;filter:blur(80px);opacity:0.2;animation:blob-move 15s infinite alternate;position:absolute;top:-150px;height:300px}.cssopening_page .background-decoration::after{border-radius:50%;right:30%;width:350px;background:rgb(133,151,181,0.5);position:absolute;filter:blur(100px);height:350px;bottom:-150px;content:'';animation:blob-move 15s infinite alternate-reverse;opacity:0.15}@keyframes vertical-slide {0%,18%{transform:translateY(0)}22%,38%{transform:translateY(calc(-100% / var(--slide-count,4)))}42%,58%{transform:translateY(calc(-200% / var(--slide-count,4)))}62%,78%{transform:translateY(calc(-300% / var(--slide-count,4)))}82%,98%{transform:translateY(calc(-400% / var(--slide-count,4)))}100%{transform:translateY(0)}} @keyframes text-slide-in {0%{transform:translateX(-30px);opacity:0}100%{transform:translateX(0);opacity:1}} @keyframes button-slide-up {0%{transform:translateY(30px);opacity:0}100%{transform:translateY(0);opacity:1}} @keyframes blob-move {0%{transform:translate(0,0) scale(1)}50%{transform:translate(50px,20px) scale(1.1)}100%{transform:translate(10px,40px) scale(0.9)}} @media (max-width: 1200px) {.cssopening_page .csstext_zone{padding:0 8% 0 8%}.cssopening_page .csstext_zone h1{max-width:95%;font-size:calc(46px * 0.9)}.cssopening_page .csstext_zone p{max-width:90%}} @media (max-width: 992px) {.cssopening_page .cssfast_guide{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.cssopening_page .cssstart_head{grid-column:1;clip-path:none;grid-row:1;height:50vh}.cssopening_page .cssstart_head::before{background:linear-gradient( 0deg,#000000 0%,transparent 70% )}.cssopening_page .csstext_zone{grid-row:2;padding:2rem 10%;grid-column:1;background:rgb(213,216,232);align-items:center}.cssopening_page .csstext_zone::before{width:60%;top:0;height:3px;left:20%;right:auto}.cssopening_page .csstext_zone h1{text-align:center;max-width:100%}.cssopening_page .csstext_zone p{text-align:center;max-width:100%;background:linear-gradient(180deg,rgb(173,184,208,0.5) 0%,transparent 100%)}.cssopening_page{min-height:unset;height:auto}} @media (max-width: 768px) {.cssopening_page .cssstart_head{height:40vh}.cssopening_page .csstext_zone{padding:2rem 8%}.cssopening_page .csstext_zone h1{font-size:46px;margin-bottom:1.2rem}.cssopening_page .csstext_zone p{margin-bottom:1.5rem;font-size:calc(15px * 0.95);line-height:1.6}.cssopening_page .csstext_zone .csssupport_widget{padding:0.8rem 2rem}} @media (max-width: 576px) {.cssopening_page .cssstart_head{height:35vh}.cssopening_page .csstext_zone{padding:1.5rem 5%}.cssopening_page .csstext_zone h1{margin-bottom:1rem;font-size:calc(46px * 0.9)}.cssopening_page .csstext_zone p{font-size:calc(15px * 0.9);margin-bottom:1.2rem}.cssopening_page .csstext_zone .csssupport_widget{padding:0.7rem 1.8rem;font-size:calc(19px * 0.95)}} @media (max-width: 420px) {.cssopening_page .cssstart_head{height:30vh}.cssopening_page .csstext_zone{padding:1.2rem 5%}.cssopening_page .csstext_zone h1{font-size:calc(46px * 0.8)}.cssopening_page .csstext_zone p{font-size:calc(15px * 0.85);line-height:1.5;margin-bottom:1rem}.cssopening_page .csstext_zone .csssupport_widget{font-size:calc(19px * 0.9);padding:0.6rem 1.5rem}} @media (max-height: 700px) and (min-width: 993px) {.cssopening_page .csstext_zone h1{margin-bottom:1rem}.cssopening_page .csstext_zone p{line-height:1.5;margin-bottom:1.2rem}} .cssopening_page .csslearn_team{--slide-count:2;height:calc(100% * var(--slide-count,2));flex-wrap:wrap}.cssopening_page:has(.cssstart_intro:nth-child(3)) .csslearn_team{--slide-count:3}.cssopening_page:has(.cssstart_intro:nth-child(4)) .csslearn_team{--slide-count:4}.cssopening_page:has(.cssstart_intro:nth-child(5)) .csslearn_team{--slide-count:5}.cssopening_page:has(.cssstart_intro:nth-child(n+6)) .csslearn_team{--slide-count:5}.cssprivacy_safeguard{background-color:rgb(213,216,232);font-family:Arial,sans-serif;box-shadow:0 4px 8px rgba(0,0,0,0.5);padding:40px;color:#000000}.cssprivacy_safeguard h1{font-size:42px;border-bottom:3px solid rgb(173,184,208);font-weight:700;margin-bottom:20px;padding-bottom:10px;color:rgb(173,184,208)}.cssprivacy_safeguard h2{font-size:38px;font-weight:600;margin-bottom:15px;margin-top:30px;color:rgb(133,151,181)}.cssprivacy_safeguard h3,.cssprivacy_safeguard h4,.cssprivacy_safeguard h5,.cssprivacy_safeguard h6{margin:20px 0;color:rgb(173,184,208)}.cssprivacy_safeguard h3{font-size:calc(21px - 4px);font-weight:700}.cssprivacy_safeguard h4{font-size:calc(21px + 2px);font-weight:600}.cssprivacy_safeguard h5{font-weight:400;font-size:21px}.cssprivacy_safeguard h6{font-weight:300;font-size:17px}.cssprivacy_safeguard ul,.cssprivacy_safeguard ol{margin:15px 0;padding-left:20px}.cssprivacy_safeguard li{margin-bottom:10px;font-size:14px;line-height:1.5}.cssprivacy_safeguard section{margin-top:40px}.cssprivacy_safeguard p{margin-bottom:15px;font-size:14px;line-height:1.6}.cssprivacy_safeguard span{color:rgb(133,151,181);font-weight:600}.cssprivacy_safeguard div{margin-bottom:20px}@media only screen and (max-width: 800px) {.cssprivacy_safeguard{padding:20px;border-radius:10px}.cssprivacy_safeguard h1{font-size:calc(21px - 10px)}.cssprivacy_safeguard h2{font-size:calc(21px - 8px)}.cssprivacy_safeguard ul,.cssprivacy_safeguard ol{padding-left:15px}.cssprivacy_safeguard li{font-size:calc(14px - 2px)}}footer{width:100%;position:relative}footer .cssprogress_bar{position:relative;padding:120px 0 30px;font-family:Arial,sans-serif;color:#ffffff;background:linear-gradient(135deg,rgb(173,184,208),rgb(133,151,181))}footer .cssprogress_bar::before{left:0;clip-path:polygon(0 0,100% 0,100% 100%,0 80%);position:absolute;height:100px;content:"";width:100%;background:#ffffff;transform:rotateX(180deg);opacity:0.25;top:0}footer .cssprogress_bar::after{background:#ffffff;opacity:0.15;width:100%;bottom:0;height:50px;content:"";clip-path:polygon(0 0,100% 0,100% 80%,0 100%);left:0;position:absolute}footer .cssmentor_net{position:relative;z-index:1}footer .cssmessage_infoA6dSv{margin-bottom:60px;gap:20px;display:flex;justify-content:center;flex-wrap:wrap}footer .info_item{overflow:hidden;padding:0 25px;height:80px;position:relative;display:flex;transition:all 0.3s ease;flex:1 1 200px;background-color:rgba(0,0,0,0.5);align-items:center;max-width:300px;backdrop-filter:blur(5px);border-radius:40px}footer .info_item::before{position:absolute;content:"";opacity:0.1;background:#ffffff;height:100%;z-index:-1;animation:waveAnimation 15s linear infinite;left:-100%;width:100%}@keyframes waveAnimation {0%{left:-100%}100%{left:100%}} footer .info_item:hover{background-color:rgb(133,151,181,0.5);box-shadow:0 10px 20px rgba(0,0,0,0.1);transform:translateY(-5px)}footer .info_item svg{flex-shrink:0;margin-right:15px;fill:#ffffff;width:20px;height:20px}footer .info_item p,footer .info_item a{font-size:16px;color:#ffffff;transition:all 0.3s ease;text-decoration:none}footer .info_item a:hover{text-shadow:0 0 10px rgba(255,255,255,0.5)}footer .text_main_holder{position:relative;gap:25px;display:flex;flex-wrap:wrap}footer .csshead_info{flex:1 1 100%;margin-bottom:30px;position:relative;text-align:center}footer .csshead_info svg{filter:brightness(0) invert(1);width:auto;height:50px;margin:0 auto 20px}footer .csscloud_lab{line-height:1.6;text-align:center;font-size:13px;color:rgba(255,255,255,0.8);margin:0 auto;max-width:500px}footer .cssmain_page,footer .subscribe_holder{padding:30px;border-radius:12px;backdrop-filter:blur(5px);background-color:rgba(0,0,0,0.5);overflow:hidden;flex:1 1 300px;position:relative}footer .cssmain_page::before,footer .subscribe_holder::before{opacity:0.1;height:100%;top:0;z-index:-1;left:-100%;content:"";background:#ffffff;animation:waveAnimation 20s linear infinite;width:300%;position:absolute}footer .cssmain_page h5,footer .subscribe_holder h5{font-weight:600;font-size:21px;color:#ffffff;position:relative;display:inline-block;padding-bottom:10px;margin-bottom:20px}footer .cssmain_page h5::after,footer .subscribe_holder h5::after{width:100%;left:0;position:absolute;background:linear-gradient(90deg,#ffffff,transparent);content:"";height:2px;bottom:0}footer .csstop_prime{margin-bottom:20px;display:flex;gap:10px;flex-wrap:wrap}footer .csstop_prime a{transition:all 0.3s ease;text-align:center;background-color:rgb(173,184,208,0.5);text-decoration:none;font-size:16px;padding:8px 15px;overflow:hidden;flex:1 1 calc(50% - 10px);border-radius:20px;color:rgba(255,255,255,0.8);position:relative}footer .csstop_prime a::before{background:linear-gradient(90deg,transparent,#ffffff,transparent);transition:left 0.3s ease;content:"";left:-100%;bottom:0;position:absolute;height:2px;width:100%}footer .csstop_prime a:hover{background-color:rgb(133,151,181,0.5);transform:translateY(-3px)}footer .csstop_prime a:hover::before{left:0}footer .subscribe_holder p{font-size:16px;line-height:1.6;margin-bottom:25px;color:rgba(255,255,255,0.8)}footer .input_holder{flex-direction:column;gap:15px;display:flex;position:relative}footer .input_holder input[type="email"]{color:#ffffff;font-size:16px;padding:15px 20px;transition:all 0.3s ease;background-color:rgba(0,0,0,0.5);border:none;border-radius:25px}footer .input_holder input[type="email"]:focus{background-color:rgb(173,184,208,0.5);outline:none;box-shadow:0 0 15px rgba(255,255,255,0.2)}footer .input_holder input[type="email"]::placeholder{color:rgba(255,255,255,0.6)}footer .cssinstant_access{overflow:hidden;background-color:#ffffff;border:none;padding:15px 20px;color:rgb(173,184,208);font-weight:600;transition:all 0.3s ease;font-size:18px;cursor:pointer;border-radius:25px;position:relative}footer .cssinstant_access::after{content:"";transition:left 0.7s ease;width:100%;top:0;height:100%;left:-100%;position:absolute;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent)}footer .cssinstant_access:hover{box-shadow:0 5px 15px rgba(0,0,0,0.1);transform:translateY(-3px);background-color:rgb(213,216,232)}footer .cssinstant_access:hover::after{left:100%}footer .cssreg_remind{position:relative;margin-top:60px;text-align:center}footer .csswebinar_arch{position:relative;color:rgba(255,255,255,0.7);padding:0 30px;font-size:13px;display:inline-block}footer .csswebinar_arch::before,footer .csswebinar_arch::after{height:1px;position:absolute;content:"";width:20px;top:50%;background-color:rgba(255,255,255,0.3)}footer .csswebinar_arch::before{left:0}footer .csswebinar_arch::after{right:0}@media (min-width: 768px) {footer .csshead_info{flex:1 1 100%}footer .cssmain_page,footer .subscribe_holder{flex:1 1 300px}footer .input_holder{flex-direction:row}footer .cssinstant_access{white-space:nowrap}} @media (max-width: 991px) {footer .cssprogress_bar{padding:100px 0 30px}footer .text_main_holder{gap:20px}} @media (max-width: 767px) {footer .cssprogress_bar{padding:80px 0 30px}footer .cssprogress_bar::before{background-size:100% 60px;height:60px}footer .cssmessage_infoA6dSv{margin-bottom:40px}footer .info_item{padding:15px 20px;height:auto}footer .cssmain_page,footer .subscribe_holder{padding:25px 20px}footer .cssreg_remind{margin-top:40px}} @media (max-width: 576px) {footer .cssprogress_bar{padding:60px 0 20px}footer .cssprogress_bar::before{background-size:100% 40px;height:40px}footer .cssmain_page h5,footer .subscribe_holder h5{margin-bottom:15px;font-size:calc(21px - 2px)}footer .csstop_prime a{flex:1 1 100%}footer .input_holder input[type="email"],footer .cssinstant_access{padding:12px 15px}}.csslearning_profits{position:relative;background:linear-gradient(135deg,rgb(213,216,232),rgba(245,248,255,0.95));padding:120px 0;overflow:hidden}.csslearning_profits::before{top:-10%;content:"";position:absolute;background:linear-gradient(45deg,rgb(133,151,181,0.5),rgb(173,184,208,0.5));height:300px;right:-5%;transform:rotate(-15deg);width:300px;filter:blur(80px);opacity:0.2;z-index:0}.csslearning_profits::after{background:linear-gradient(135deg,rgb(173,184,208,0.5),rgb(133,151,181,0.5));z-index:0;width:400px;transform:rotate(30deg);height:400px;content:"";left:-5%;bottom:-10%;position:absolute;filter:blur(100px);opacity:0.15}.csslearning_profits .container{display:grid;margin:0 auto;grid-template-columns:1fr 1.5fr;padding:0 20px;max-width:1200px;gap:50px;align-items:center;position:relative;z-index:1}.csslearning_profits .cssphoto_card{box-shadow:0 25px 50px -12px rgba(0,0,0,0.15);clip-path:polygon(0 5%,100% 0,95% 95%,5% 100%);height:auto;transition:transform 0.7s ease-out,box-shadow 0.7s ease;object-fit:cover;width:100%;transform:perspective(1000px) rotateY(-5deg)}.csslearning_profits .cssphoto_card:hover{box-shadow:0 30px 60px -15px rgba(0,0,0,0.2);transform:perspective(1000px) rotateY(-2deg) translateZ(10px)}.csslearning_profits .cssfast_guide{flex-direction:column;display:flex;justify-content:center;position:relative}.csslearning_profits .csstext_zone{transition:transform 0.5s ease,box-shadow 0.5s ease;transform:translateY(-10px);background:#ffffff;box-shadow:0 15px 35px rgba(0,0,0,0.05);position:relative;padding:40px 30px}.csslearning_profits .csstext_zone::before{width:5px;top:0;position:absolute;height:0;left:0;transition:height 0.7s ease;content:"";background:linear-gradient(to bottom,rgb(173,184,208),rgb(133,151,181))}.csslearning_profits .csstext_zone:hover::before{height:100%}.csslearning_profits h1{font-size:43px;color:#000000;position:relative;transition:transform 0.5s ease;font-weight:700;margin-bottom:30px;line-height:1.3}.csslearning_profits h1::after{content:"";transition:width 0.5s ease;position:absolute;height:3px;width:70px;background:rgb(133,151,181);bottom:-10px;left:0}.csslearning_profits .csstext_zone:hover h1::after{width:120px}.csslearning_profits ul{padding:0;gap:20px;grid-template-columns:1fr;display:grid;list-style:none}.csslearning_profits li{position:relative;transition:transform 0.4s ease}.csslearning_profits li:hover{transform:translateX(10px)}.csslearning_profits li p{padding-left:35px;color:#000000;font-size:12px;position:relative;align-items:flex-start;margin:0;line-height:1.6;display:flex}.csslearning_profits li svg{transition:transform 0.4s ease;left:0;width:24px;height:24px;position:absolute;top:0}.csslearning_profits li:hover svg{transform:rotate(10deg) scale(1.1)}.csslearning_profits li svg path{transition:fill 0.3s ease;fill:rgb(133,151,181)}.csslearning_profits li:hover svg path{fill:rgb(173,184,208)}@media (max-width: 992px) {.csslearning_profits{padding:80px 0}.csslearning_profits .container{grid-template-columns:1fr;gap:40px}.csslearning_profits .cssphoto_card{margin:0 auto;clip-path:polygon(0 3%,100% 0,97% 97%,3% 100%);max-width:85%}.csslearning_profits h1{font-size:calc(43px * 0.9)}} @media (max-width: 768px) {.csslearning_profits{padding:60px 0}.csslearning_profits .csstext_zone{padding:30px 20px}.csslearning_profits h1{margin-bottom:25px;font-size:calc(43px * 0.8)}.csslearning_profits ul{gap:15px}.csslearning_profits li p{font-size:calc(12px * 0.95)}} @media (max-width: 576px) {.csslearning_profits{padding:50px 0}.csslearning_profits .container{padding:0 15px}.csslearning_profits .cssphoto_card{clip-path:polygon(0 2%,100% 0,98% 98%,2% 100%);max-width:100%}.csslearning_profits .csstext_zone{padding:25px 15px}.csslearning_profits h1{margin-bottom:20px;font-size:calc(43px * 0.7)}.csslearning_profits h1::after{height:2px;width:50px}.csslearning_profits li{margin-bottom:10px}.csslearning_profits li p{font-size:calc(12px * 0.9);padding-left:30px}.csslearning_profits li svg{height:20px;width:20px}}.csscookieSettingsWindow{background:rgb(133,151,181);position:fixed;z-index:90;bottom:0;transition:all 0.3s ease-in-out;width:100%;padding:20px 0;box-shadow:rgba(0,0,0,0.5) 0px 0px 20px 0px;border-top:2px solid rgb(173,184,208)}.cssconsent_box{flex-wrap:wrap;display:flex;max-width:1200px;justify-content:space-between;margin:auto;align-items:center;padding:20px 30px}.csscookieSettingsWindow h5{font-weight:700;transition:color 0.3s ease-in-out;color:#ffffff;margin-bottom:6px;font-size:23px}.csscookieSettingsWindow p{font-size:15px;color:#ffffff;max-width:500px}.cssprivacy_ctrl{flex-shrink:0;margin-right:20px}.cssprivacy_ctrl svg,.cssprivacy_ctrl svg path{height:80px;width:80px;transition:transform 0.3s ease-in-out;fill:rgb(173,184,208)}.cssprivacy_ctrl:hover svg{transform:rotate(10deg)}.cssuser_dialog{color:#ffffff;transition:background 0.3s ease-in-out,transform 0.3s ease-in-out;margin-left:20px;padding:10px 20px;text-decoration:none;line-height:35px;background:rgb(173,184,208);cursor:pointer;font-size:19px;border-radius:17px;box-shadow:rgb(173,184,208,0.5) 0px 4px 10px 0px}.cookie_button.csscookie_notice{background:rgb(173,184,208)}.cookie_button.csscookie_view{background:rgb(133,151,181)}.cssuser_dialog:hover{transform:scale(1.05);box-shadow:rgb(173,184,208,0.5) 0px 6px 15px 0px}.csscookieSettingsWindow p a{color:rgb(173,184,208);text-decoration:none;font-weight:600;transition:color 0.3s ease-in-out}.csscookieSettingsWindow p a:hover{color:rgb(133,151,181)}.csscontent-wrapper .csscookieSettingsWindow{padding:40px 0;border:none;background:rgb(133,151,181);box-shadow:rgba(0,0,0,0.5) 0px 0px 40px 39px}.csscontent-wrapper .cssuser_dialog{border:none;font-size:19px;transition:background 0.3s ease-in-out,transform 0.3s ease-in-out;background:rgb(173,184,208);padding:10px;border-radius:10px;color:#ffffff;font-weight:400;margin-left:30px}.csscontent-wrapper .csslearn_consent h5,.csscontent-wrapper .csslearn_consent p{color:#ffffff}@media only screen and (max-width: 1200px) {.csscookieSettingsWindow{padding:20px}} @media only screen and (max-width: 800px) {.cssprivacy_ctrl{display:none}.cssconsent_box{flex-direction:column;align-items:center;justify-content:center}.csscookieSettingsWindow h5{text-align:center}.csscookieSettingsWindow p{text-align:center}.csslearn_consent{text-align:center;margin-bottom:20px}.cssuser_dialog{margin-left:0;width:100%;max-width:300px;margin-top:10px}} #csscookieWarningPrompt{display:none}#csscookieWarningPrompt:checked ~ .csscookieSettingsWindow{visibility:hidden;opacity:0}.csscontact_form_box{overflow:hidden;padding:6rem 0;position:relative}.csscontact_form_box::before{left:0;bottom:0;z-index:1;top:0;position:absolute;right:0;background-color:rgba(0,0,0,0.5);content:""}.csscontact_form_box::after{z-index:2;height:200%;width:200%;top:-50%;background:linear-gradient(45deg,transparent 65%,rgba(255,255,255,0.08) 70%,transparent 75%);content:"";left:-50%;animation:shine 8s linear infinite;position:absolute}.csscontact_form_box .container{max-width:1200px;position:relative;margin:0 auto;padding:0 15px;z-index:3}.csscontact_form_box .csshelp_message{border-radius:20px;overflow:hidden;gap:2rem;box-shadow:0 15px 25px rgba(0,0,0,0.2),0 5px 10px rgba(0,0,0,0.1);backdrop-filter:blur(10px);background:linear-gradient(145deg,rgba(255,255,255,0.03),rgba(0,0,0,0.3));border:1px solid rgba(255,255,255,0.1);position:relative;flex-wrap:wrap;padding:2rem;display:flex}.csscontact_form_box .csshelp_message::before{top:0;background:linear-gradient(90deg,transparent,rgb(173,184,208),transparent);width:200%;position:absolute;left:-50%;height:1px;content:""}.csscontact_form_box .csshelp_message::after{bottom:0;background:linear-gradient(90deg,transparent,rgb(133,151,181),transparent);content:"";height:1px;position:absolute;width:200%;right:-50%}.csscontact_form_box .csssupport_query{border-radius:10px;transform:translateZ(0);padding:2rem;box-shadow:inset 0 0 10px rgba(0,0,0,0.1);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,0.05);backdrop-filter:blur(5px);flex:1 1 300px;background:linear-gradient(135deg,rgb(173,184,208,0.5),rgba(0,0,0,0.2))}.csscontact_form_box .csssupport_query::before{width:200%;left:-50%;background:radial-gradient( circle at center,rgba(255,255,255,0.05) 0%,transparent 70%);position:absolute;z-index:-1;animation:pulse 15s infinite linear;content:"";top:-50%;height:200%}.csscontact_form_box .csssupport_query h3{font-size:20px;color:#ffffff;padding-bottom:1rem;font-weight:600;position:relative;text-shadow:0 2px 4px rgba(0,0,0,0.2);margin-bottom:2rem}.csscontact_form_box .csssupport_query h3::after{left:0;width:50px;box-shadow:0 0 8px rgb(133,151,181);content:"";position:absolute;background:rgb(133,151,181);height:2px;bottom:0}.csscontact_form_box .csssupport_query div{align-items:center;display:flex;transition:all 0.3s ease;padding-left:10px;margin-bottom:1.5rem;position:relative}.csscontact_form_box .csssupport_query div:hover{transform:translateX(5px)}.csscontact_form_box .csssupport_query div::before{content:"";position:absolute;height:0;left:0;background:rgb(133,151,181);transition:height 0.3s ease;top:50%;width:3px}.csscontact_form_box .csssupport_query div:hover::before{top:10%;height:80%}.csscontact_form_box .csssupport_query div svg{width:20px;margin-right:15px;height:20px;flex-shrink:0}.csscontact_form_box .csssupport_query div svg path{fill:rgb(133,151,181);transition:all 0.3s ease}.csscontact_form_box .csssupport_query div:hover svg path{fill:rgb(173,184,208);filter:drop-shadow(0 0 2px rgb(173,184,208))}.csscontact_form_box .csssupport_query div span{letter-spacing:0.5px;font-size:calc(18px - 2px);color:#ffffff}.csscontact_form_box .csssupport_query div span a{transition:all 0.3s ease;text-decoration:none;color:#ffffff}.csscontact_form_box .csssupport_query div span a:hover{color:rgb(133,151,181);text-shadow:0 0 5px rgba(255,255,255,0.2)}.csscontact_form_box .csssupport_form{padding:2rem;flex:1 1 400px;box-shadow:0 10px 20px rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,0.05);background:linear-gradient(135deg,rgba(255,255,255,0.05),rgba(0,0,0,0.1));overflow:hidden;position:relative;border-radius:10px;backdrop-filter:blur(8px)}.csscontact_form_box .csssupport_form::before{background:radial-gradient( circle,rgb(173,184,208,0.5) 0%,transparent 70%);position:absolute;content:"";right:-100px;top:-100px;height:200px;width:200px;border-radius:50%;opacity:0.3}.csscontact_form_box .csssupport_form form{display:flex;flex-direction:column;gap:1.2rem}.csscontact_form_box .csssupport_form h3{font-size:22px;color:#ffffff;text-align:center;font-weight:600;position:relative;margin-bottom:1.5rem}.csscontact_form_box .csssupport_form h3::after{box-shadow:0 0 8px rgb(133,151,181);left:50%;background:rgb(133,151,181);height:2px;position:absolute;transform:translateX(-50%);width:50px;bottom:-10px;content:""}.csscontact_form_box .csssupport_form input[type="text"],.csscontact_form_box .csssupport_form input[type="email"]{box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);font-size:18px;border:1px solid rgba(255,255,255,0.1);color:#ffffff;border-radius:10px;background:rgba(0,0,0,0.2);transition:all 0.3s ease;width:100%;outline:none;padding:12px 15px}.csscontact_form_box .csssupport_form input[type="text"]:focus,.csscontact_form_box .csssupport_form input[type="email"]:focus{box-shadow:0 0 0 2px rgb(173,184,208,0.5);background:rgba(0,0,0,0.3);border-color:rgb(173,184,208)}.csscontact_form_box .csssupport_form input[type="text"]::placeholder,.csscontact_form_box .csssupport_form input[type="email"]::placeholder{color:rgba(255,255,255,0.5)}.csscontact_form_box .csssupport_form .cssmessage_widget{align-items:flex-start;gap:10px;display:flex;margin:0.5rem 0}.csscontact_form_box .csssupport_form .cssmessage_widget input[type="checkbox"]{border:1px solid rgba(255,255,255,0.1);position:relative;height:18px;flex-shrink:0;appearance:none;border-radius:3px;transition:all 0.3s ease;-webkit-appearance:none;margin-top:3px;background:rgba(0,0,0,0.2);width:18px;cursor:pointer}.csscontact_form_box .csssupport_form .cssmessage_widget input[type="checkbox"]:checked{background:rgb(133,151,181);border-color:rgb(133,151,181)}.csscontact_form_box .csssupport_form .cssmessage_widget input[type="checkbox"]:checked::before{color:#ffffff;top:50%;font-size:12px;left:50%;position:absolute;content:"✓";transform:translate(-50%,-50%)}.csscontact_form_box .csssupport_form .cssmessage_widget label{color:rgba(255,255,255,0.8);line-height:1.5;font-size:calc(18px - 2px)}.csscontact_form_box .csssupport_form .cssmessage_widget label a{transition:all 0.3s ease;position:relative;text-decoration:none;color:rgb(133,151,181)}.csscontact_form_box .csssupport_form .cssmessage_widget label a::after{position:absolute;transition:width 0.3s ease;left:0;bottom:-2px;height:1px;content:"";background:rgb(133,151,181);width:0}.csscontact_form_box .csssupport_form .cssmessage_widget label a:hover::after{width:100%}.csscontact_form_box .csssupport_form .csssupport_widget{cursor:pointer;padding:12px 20px;letter-spacing:1px;font-weight:600;border-radius:10px;font-size:14px;transition:all 0.3s ease;margin-top:1rem;border:none;text-transform:uppercase;box-shadow:0 4px 15px rgba(0,0,0,0.2);position:relative;background:linear-gradient(135deg,rgb(173,184,208),rgb(133,151,181));color:#ffffff;overflow:hidden}.csscontact_form_box .csssupport_form .csssupport_widget::before{transition:all 0.6s ease;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);width:100%;position:absolute;content:"";top:0;left:-100%}.csscontact_form_box .csssupport_form .csssupport_widget:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.3)}.csscontact_form_box .csssupport_form .csssupport_widget:hover::before{left:100%}@keyframes pulse {0%{transform:scale(1);opacity:0.3}50%{transform:scale(1.05);opacity:0.5}100%{transform:scale(1);opacity:0.3}} @keyframes shine {0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}100%{transform:translateX(100%) translateY(100%) rotate(45deg)}} @media screen and (max-width: 992px) {.csscontact_form_box{padding:5rem 0}.csscontact_form_box .csshelp_message{gap:2rem;flex-direction:column}.csscontact_form_box .csssupport_query,.csscontact_form_box .csssupport_form{flex:1 1 100%}} @media screen and (max-width: 768px) {.csscontact_form_box{padding:4rem 0}.csscontact_form_box .csshelp_message{padding:1.5rem}.csscontact_form_box .csssupport_query,.csscontact_form_box .csssupport_form{padding:1.5rem}.csscontact_form_box .csssupport_query div svg{height:18px;margin-right:10px;width:18px}.csscontact_form_box .csssupport_query h3,.csscontact_form_box .csssupport_form h3{font-size:calc(22px - 2px)}} @media screen and (max-width: 576px) {.csscontact_form_box{padding:3rem 0}.csscontact_form_box .csshelp_message{padding:1rem;gap:1.5rem}.csscontact_form_box .csssupport_query,.csscontact_form_box .csssupport_form{padding:1rem}.csscontact_form_box .csssupport_query div{margin-bottom:1rem}.csscontact_form_box .csssupport_form form{gap:1rem}.csscontact_form_box .csssupport_form input[type="text"],.csscontact_form_box .csssupport_form input[type="email"]{padding:10px 12px}.csscontact_form_box .csssupport_form .csssupport_widget{padding:10px 16px}}.cssty_content{position:relative;overflow:hidden;background:linear-gradient(135deg,rgb(213,216,232) 0%,rgba(245,245,255,0.95) 100%);padding:6rem 0}.cssty_content::before{opacity:0.4;top:-10%;z-index:1;background:linear-gradient(120deg,rgb(173,184,208,0.5) 0%,rgb(133,151,181,0.5) 100%);right:-5%;height:40%;position:absolute;filter:blur(60px);content:'';animation:float 15s ease-in-out infinite alternate;width:40%}.cssty_content::after{position:absolute;background:linear-gradient(240deg,rgb(133,151,181,0.5) 0%,rgb(173,184,208,0.5) 100%);height:40%;bottom:-15%;opacity:0.3;left:-5%;content:'';filter:blur(50px);width:35%;animation:float 18s ease-in-out infinite alternate-reverse;z-index:1}.cssty_content .container{padding:0 2rem;transform:perspective(1000px) rotateX(2deg);margin:0 auto;z-index:2;position:relative;max-width:1200px}.cssty_content h2{animation:slideUp 0.8s 0.2s cubic-bezier(0.25,1,0.5,1) forwards;transform:translateY(0);font-size:38px;font-weight:700;opacity:0;position:relative;line-height:1.3;margin-bottom:3rem;color:#000000;font-family:Arial,sans-serif}.cssty_content h2::after{width:10rem;height:4px;content:'';bottom:-0.8rem;transform:scaleX(0);animation:expandWidth 1s 0.8s cubic-bezier(0.25,1,0.5,1) forwards;left:0;position:absolute;background:linear-gradient(90deg,rgb(173,184,208) 0%,rgb(133,151,181) 100%);transform-origin:left}.cssty_content .cssfast_guide{overflow:hidden;transform:translateY(30px);padding:3rem;animation:fadeScale 1s 0.5s cubic-bezier(0.25,1,0.5,1) forwards;opacity:0;box-shadow:0 15px 40px rgba(0,0,0,0.08),0 5px 10px rgba(0,0,0,0.04);background:#ffffff;border-radius:1rem;position:relative}.cssty_content .cssfast_guide::before{top:0;background:linear-gradient(180deg,rgb(173,184,208) 0%,rgb(133,151,181) 100%);left:0;animation:pulseGlow 4s infinite alternate;position:absolute;content:'';width:5px;height:100%}.cssty_content ul{margin:0;padding:0;list-style:none}.cssty_content li{display:block;position:relative;padding-left:1.5rem}.cssty_content li::before{border-radius:50%;transform:scale(0);background-color:rgb(173,184,208);height:0.5rem;top:0.5rem;left:0;content:'';width:0.5rem;position:absolute;animation:popIn 0.5s 1s cubic-bezier(0.25,1,0.5,1) forwards}.cssty_content li span{line-height:1.8;animation:slideUp 0.8s 0.7s cubic-bezier(0.25,1,0.5,1) forwards;color:#000000;transform:translateY(20px);font-family:Arial,sans-serif;display:block;margin:0;font-size:calc(12px * 1.05);opacity:0;opacity:0.95}@keyframes slideUp {from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}} @keyframes fadeScale {from{transform:translateY(30px) scale(0.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}} @keyframes expandWidth {from{transform:scaleX(0)}to{transform:scaleX(1)}} @keyframes popIn {from{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}} @keyframes float {0%{transform:translate(0,0)}100%{transform:translate(15px,-15px)}} @keyframes pulseGlow {0%{opacity:0.7;box-shadow:0 0 5px 1px rgb(173,184,208,0.5)}100%{opacity:1;box-shadow:0 0 12px 3px rgb(173,184,208,0.5)}} @media (max-width: 992px) {.cssty_content{padding:5rem 0}.cssty_content h2{margin-bottom:2.5rem;font-size:calc(38px * 0.85)}.cssty_content .cssfast_guide{padding:2.5rem 2rem}} @media (max-width: 768px) {.cssty_content{padding:4rem 0}.cssty_content::before,.cssty_content::after{width:50%;height:30%}.cssty_content .container{padding:0 1.5rem;transform:perspective(1000px) rotateX(1deg)}.cssty_content h2{font-size:calc(38px * 0.75);margin-bottom:2rem}.cssty_content h2::after{width:8rem;height:3px}.cssty_content .cssfast_guide{padding:2rem 1.5rem}.cssty_content li span{font-size:12px;line-height:1.7}} @media (max-width: 576px) {.cssty_content{padding:3.5rem 0}.cssty_content .container{padding:0 1rem;transform:none}.cssty_content h2{margin-bottom:1.8rem;font-size:calc(38px * 0.7)}.cssty_content h2::after{width:6rem;height:3px}.cssty_content .cssfast_guide{padding:1.8rem 1.2rem}.cssty_content li{padding-left:1.2rem}.cssty_content li::before{height:0.4rem;width:0.4rem;top:0.4rem}.cssty_content li span{line-height:1.6;font-size:calc(12px * 0.95)}}.cssclient_experience{position:relative;overflow:hidden;background:linear-gradient(135deg,rgb(213,216,232) 0%,rgba(rgb(133,151,181,0.5),0.05) 100%);padding:5rem 0}.cssclient_experience::before{border-radius:40% 60% 70% 30% / 40% 50% 60% 50%;z-index:0;width:20vw;animation:float 15s ease-in-out infinite alternate;opacity:0.1;background:radial-gradient(circle,rgb(133,151,181) 0%,rgba(rgb(133,151,181,0.5),0) 70%);filter:blur(50px);left:-5%;position:absolute;height:20vw;top:-10%;content:""}.cssclient_experience::after{border-radius:50% 50% 40% 60% / 40% 40% 60% 50%;opacity:0.07;background:radial-gradient(circle,rgb(173,184,208) 0%,rgba(rgb(173,184,208,0.5),0) 70%);content:"";position:absolute;height:15vw;z-index:0;bottom:-5%;animation:float 18s ease-in-out infinite alternate-reverse;right:-5%;filter:blur(40px);width:15vw}.cssclient_experience .container{position:relative;z-index:1}.cssclient_experience h2{text-align:left;color:#000000;max-width:80%;transform:perspective(1000px) rotateX(0deg);margin-bottom:3.5rem;font-size:31px;position:relative;font-weight:700}.cssclient_experience h2::after{height:3px;background:linear-gradient(90deg,rgb(133,151,181) 0%,rgba(rgb(133,151,181,0.5),0.3) 100%);content:"";bottom:-1rem;transition:transform 0.5s ease;position:absolute;transform:translateX(0);width:4rem;left:0}.cssclient_experience h2:hover::after{transform:translateX(20px) scaleX(1.2)}.cssclient_experience .csstestimonial_corner{perspective:1000px;padding:0;list-style:none;display:grid;gap:2rem;margin:0;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.cssclient_experience .csslearner_ratings{overflow:hidden;transform-style:preserve-3d;transition:transform 0.4s cubic-bezier(0.2,0.85,0.4,1),box-shadow 0.4s cubic-bezier(0.2,0.85,0.4,1);position:relative;box-shadow:0 10px 30px rgba(rgba(0,0,0,0.5),0.05),0 1px 5px rgba(rgba(0,0,0,0.5),0.03);transform:translateZ(0) rotateY(0deg);background:#ffffff;backface-visibility:hidden;padding:2rem;border-radius:10px}.cssclient_experience .csslearner_ratings::before{line-height:1;pointer-events:none;top:1.5rem;font-size:6rem;font-family:Georgia,serif;color:rgba(rgb(133,151,181,0.5),0.07);right:1.5rem;content:"";position:absolute}.cssclient_experience .csslearner_ratings:hover{transform:translateY(-10px) translateZ(20px) rotateY(2deg);box-shadow:0 20px 40px rgba(rgba(0,0,0,0.5),0.08),0 5px 15px rgba(rgba(0,0,0,0.5),0.05)}.cssclient_experience .csslearner_ratings div{display:flex;align-items:center;margin-bottom:1rem}.cssclient_experience .csslearner_ratings img{height:50px;border:2px solid rgba(rgb(133,151,181,0.5),0.1);width:50px;border-radius:50%;box-shadow:0 5px 15px rgba(rgba(0,0,0,0.5),0.1);object-fit:cover;margin-right:1rem;transition:transform 0.3s ease,border-color 0.3s ease}.cssclient_experience .csslearner_ratings:hover img{transform:scale(1.05);border-color:rgba(rgb(133,151,181,0.5),0.3)}.cssclient_experience .csslearner_ratings h4{color:#000000;position:relative;font-size:calc(21px * 0.9);margin:0;font-weight:600}.cssclient_experience .csslearner_ratings h4::after{position:absolute;background:linear-gradient(90deg,rgb(133,151,181) 0%,rgba(rgb(133,151,181,0.5),0.3) 100%);content:"";bottom:-5px;left:0;height:2px;width:0;transition:width 0.4s cubic-bezier(0.2,0.85,0.4,1)}.cssclient_experience .csslearner_ratings:hover h4::after{width:100%}.cssclient_experience .csslearner_ratings .description{margin:0;position:relative;z-index:1;color:#000000;line-height:1.6;font-size:12px}.cssclient_experience a{position:relative;display:inline-block;margin-top:3rem;box-shadow:0 5px 15px rgba(rgb(133,151,181,0.5),0.2);transition:transform 0.3s cubic-bezier(0.2,0.85,0.4,1),box-shadow 0.3s cubic-bezier(0.2,0.85,0.4,1);text-decoration:none;font-weight:600;padding:0.8rem 2rem;overflow:hidden;border-radius:10px;font-size:18px;color:#ffffff;background:linear-gradient(135deg,rgb(133,151,181) 0%,rgba(rgb(173,184,208,0.5),0.9) 100%)}.cssclient_experience a::before{position:absolute;left:-100%;pointer-events:none;transition:left 0.5s cubic-bezier(0.2,0.85,0.4,1);top:0;width:100%;content:"";height:100%;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%)}.cssclient_experience a:hover{box-shadow:0 8px 25px rgba(rgb(133,151,181,0.5),0.3);transform:translateY(-3px)}.cssclient_experience a:hover::before{left:100%}@keyframes float {0%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(5%,2%) rotate(5deg)}100%{transform:translate(-5%,-2%) rotate(-5deg)}} @media (max-width: 1200px) {.cssclient_experience h2{max-width:100%;font-size:calc(31px * 0.9)}.cssclient_experience .csstestimonial_corner{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}} @media (max-width: 992px) {.cssclient_experience{padding:4rem 0}.cssclient_experience h2{margin-bottom:2.5rem}.cssclient_experience .csstestimonial_corner{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.cssclient_experience .csslearner_ratings{padding:1.5rem}} @media (max-width: 768px) {.cssclient_experience{padding:3rem 0}.cssclient_experience h2{font-size:calc(31px * 0.8);margin-bottom:2rem}.cssclient_experience .csstestimonial_corner{grid-template-columns:repeat(auto-fill,minmax(100%,1fr));gap:1.25rem}.cssclient_experience .csslearner_ratings:hover{transform:translateY(-5px) translateZ(10px)}.cssclient_experience a{padding:0.7rem 1.5rem;margin-top:2rem}} @media (max-width: 576px) {.cssclient_experience{padding:2.5rem 0}.cssclient_experience h2{font-size:calc(31px * 0.7)}.cssclient_experience .csslearner_ratings{padding:1.25rem}.cssclient_experience .csslearner_ratings img{width:40px;height:40px}.cssclient_experience .csslearner_ratings h4{font-size:calc(21px * 0.8)}.cssclient_experience .csslearner_ratings .description{font-size:calc(12px * 0.9)}.cssclient_experience a{text-align:center;width:100%}}header{-webkit-backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid rgba(255,255,255,0.2);backdrop-filter:blur(10px);position:relative;margin-top:0;background:linear-gradient(135deg,rgb(173,184,208,0.5) 0%,rgb(133,151,181,0.5) 100%);padding:0}header::before{z-index:-1;height:100%;content:'';left:0;opacity:0.5;position:absolute;top:0;width:100%;background:radial-gradient(circle at 10% 20%,rgb(173,184,208,0.5) 0%,transparent 30%),radial-gradient(circle at 90% 80%,rgb(133,151,181,0.5) 0%,transparent 30%)}header .cssnav_pagewrap{z-index:5;justify-content:space-between;align-items:center;padding:1.2rem 2.5rem;position:relative;display:flex}header .csshead_info{position:relative;border:1px solid rgba(255,255,255,0.3);flex:0 0 auto;-webkit-backdrop-filter:blur(5px);border-radius:22px;transition:all 0.4s ease;backdrop-filter:blur(5px);background:rgba(255,255,255,0.15);box-shadow:0 8px 32px rgba(0,0,0,0.1);padding:0.8rem 1.2rem;z-index:2}header .csshead_info:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.15);background:rgba(255,255,255,0.25)}header .cssfirst_expert{display:block;transition:all 0.3s ease}header .cssfirst_expert img{max-height:40px;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1))}header .cssmain_page{list-style:none;padding:0;z-index:2;position:relative;margin:0;display:flex}header .csstop_lesson{position:relative;margin:0 0.3rem}header .csstop_lesson a{display:block;background:rgba(255,255,255,0.1);font-size:13px;z-index:1;position:relative;border-radius:22px;transition:all 0.3s ease;color:#ffffff;font-weight:600;padding:0.8rem 1.2rem;-webkit-backdrop-filter:blur(5px);text-decoration:none;border:1px solid rgba(255,255,255,0.05);backdrop-filter:blur(5px)}header .csstop_lesson a:hover{box-shadow:0 10px 20px rgba(0,0,0,0.1);background:rgba(255,255,255,0.2);transform:translateY(-3px);border-color:rgba(255,255,255,0.2)}header .csstop_lesson a::before{left:0;border-radius:22px;height:100%;transition:opacity 0.3s ease;background:linear-gradient(135deg,rgba(255,255,255,0.1),rgba(255,255,255,0.05) );width:100%;position:absolute;opacity:0;content:'';z-index:-1;top:0}header .csstop_lesson a:hover::before{opacity:1}header .csstop_lesson::after{bottom:-3px;opacity:0.7;left:50%;position:absolute;border-radius:10px;transform:translateX(-50%);content:'';transition:width 0.3s ease;background:#ffffff;width:0;height:3px}header .csstop_lesson:hover::after{width:70%}header .cssnav_pagewrap::before{top:-20px;background:rgb(173,184,208,0.5);position:absolute;right:-20px;content:'';z-index:-1;height:100px;width:100px;opacity:0.5;filter:blur(40px);border-radius:50%}header .cssnav_pagewrap::after{border-radius:50%;filter:blur(30px);height:80px;z-index:-1;position:absolute;content:'';background:rgb(133,151,181,0.5);bottom:-20px;left:-20px;width:80px;opacity:0.5}header .cssnav_start{position:relative;padding-top:2rem;z-index:1;background:rgb(213,216,232)}@keyframes float {0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}} header .csshead_info::after{left:0;width:100%;height:20px;content:'';opacity:0.5;background:radial-gradient(ellipse at center,rgba(0,0,0,0.1) 0%,transparent 70%);bottom:-20px;transition:all 0.4s ease;position:absolute}header .csshead_info:hover::after{opacity:0.7;transform:scaleX(0.9)}@media (min-width: 1400px) {header .cssnav_pagewrap{margin:0 auto;max-width:1320px}header .csstop_lesson{margin:0 0.5rem}header .csstop_lesson a{padding:0.8rem 1.5rem}} @media (max-width: 991px) {header{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}header .cssnav_pagewrap{padding:1rem 1.5rem;flex-wrap:wrap}header .csshead_info{border-radius:10px;margin-bottom:0;padding:0.6rem 1rem}header .cssmain_page{margin-top:1rem;flex-basis:100%;justify-content:flex-end}header .csstop_lesson a{font-size:calc(13px - 1px);border-radius:10px;padding:0.6rem 1rem}header .cssnav_pagewrap::before,header .cssnav_pagewrap::after{display:none}} @media (max-width: 767px) {header{padding:0}header .cssnav_pagewrap{padding:0.8rem 1.2rem}header .csshead_info{padding:0.5rem 0.8rem;max-width:140px}header .cssfirst_expert img{max-height:35px}header .cssmain_page{overflow-x:auto;scrollbar-width:thin;justify-content:flex-start;-webkit-overflow-scrolling:touch;margin-top:0.8rem;padding-bottom:0.5rem}header .cssmain_page::-webkit-scrollbar{height:3px}header .cssmain_page::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.3);border-radius:10px}header .csstop_lesson{flex:0 0 auto;margin:0 0.15rem}header .csstop_lesson a{white-space:nowrap;font-size:calc(13px - 2px);padding:0.5rem 0.8rem}header .csstop_lesson::after{display:none}header .csshead_info::after{display:none}} @media (max-width: 479px) {header .cssnav_pagewrap{padding:0.7rem 1rem}header .csshead_info{padding:0.4rem 0.7rem;max-width:120px}header .csstop_lesson a{padding:0.4rem 0.6rem;font-size:calc(13px - 3px)}}.cssprogram_details{background-color:rgb(213,216,232);align-items:center;position:relative;display:flex;overflow:hidden;min-height:100vh}.cssprogram_details .csseducation_track{width:100%;z-index:1;position:absolute;top:0;left:0;height:100%}.cssprogram_details .csstech_training{animation:slide-show 35s ease-in-out infinite;height:100%;display:flex;width:500%}.cssprogram_details .csseducation_track:hover .csstech_training{animation-play-state:paused}.cssprogram_details .csseducation_guide{position:relative;height:100%;overflow:hidden;width:20%}.cssprogram_details .csseducation_guide img{transform-origin:center;width:100%;filter:brightness(0.8) saturate(1.3);height:100%;object-fit:cover;animation:zoom-flow 20s ease-in-out infinite alternate}.cssprogram_details .csseducation_guide::before{content:'';background:linear-gradient(0deg,rgb(173,184,208,0.5) 0%,transparent 40%,transparent 60%,rgb(133,151,181,0.5) 100%),linear-gradient(90deg,rgb(173,184,208,0.5) 0%,transparent 40%,transparent 60%,rgb(133,151,181,0.5) 100%);opacity:0.7;position:absolute;inset:0;z-index:2}.cssprogram_details .csseducation_guide::after{opacity:0.3;z-index:3;position:absolute;background:repeating-linear-gradient( 45deg,rgb(173,184,208,0.5) 0px,rgb(173,184,208,0.5) 2px,transparent 2px,transparent 6px );animation:slide-pattern 15s linear infinite;content:'';inset:0;mix-blend-mode:overlay}.cssprogram_details .container{width:90%;max-width:1200px;margin:0 auto;position:relative;z-index:4}.cssprogram_details .cssfast_guide{backdrop-filter:blur(8px);width:100%;position:relative;background:linear-gradient( 135deg,rgb(173,184,208,0.5) 0%,rgb(133,151,181,0.5) 100% );border-radius:29px;box-shadow:0 15px 35px rgba(0,0,0,0.2);max-width:600px;padding:0.5rem;margin-left:0}.cssprogram_details .cssknowledge_flow{padding:3rem;border:1px solid rgba(255,255,255,0.1);overflow:hidden;position:relative;background:rgb(213,216,232);border-radius:10px}.cssprogram_details .cssknowledge_flow::before{position:absolute;opacity:0.15;inset:0;z-index:-1;content:'';background:radial-gradient( circle at 30% 40%,rgb(173,184,208,0.5) 0%,transparent 70% ),radial-gradient( circle at 70% 60%,rgb(133,151,181,0.5) 0%,transparent 70% )}.cssprogram_details .cssknowledge_flow h3{margin-bottom:1.5rem;font-weight:700;display:inline-block;color:rgb(173,184,208);position:relative;font-size:36px}.cssprogram_details .cssknowledge_flow h3::after{transition:width 0.3s ease,transform 0.3s ease;content:'';background:linear-gradient(to right,rgb(173,184,208),rgb(133,151,181));left:0;border-radius:10px;width:60px;position:absolute;height:3px;bottom:-10px}.cssprogram_details .cssknowledge_flow:hover h3::after{width:100%;transform:translateY(-3px)}.cssprogram_details .cssknowledge_flow p{margin-bottom:2rem;color:#000000;line-height:1.7;font-size:12px}.cssprogram_details .cssknowledge_flow .csssupport_widget{font-size:20px;text-transform:uppercase;padding:0.9rem 1.8rem;border-radius:10px;box-shadow:0 5px 15px rgb(173,184,208,0.5);background:linear-gradient(to right,rgb(173,184,208),rgb(133,151,181));font-weight:600;color:#ffffff;position:relative;display:inline-block;text-decoration:none;letter-spacing:1px;transition:transform 0.3s ease,box-shadow 0.3s ease;overflow:hidden}.cssprogram_details .cssknowledge_flow .csssupport_widget::before{position:absolute;top:0;content:'';left:0;width:100%;background:linear-gradient(to right,rgb(133,151,181),rgb(173,184,208));height:100%;z-index:-1;opacity:0;transition:opacity 0.4s ease}.cssprogram_details .cssknowledge_flow .csssupport_widget:hover{box-shadow:0 8px 20px rgb(133,151,181,0.5);transform:translateY(-3px)}.cssprogram_details .cssknowledge_flow .csssupport_widget:hover::before{opacity:1}@keyframes slide-show {0%,15%{transform:translateX(0)}20%,35%{transform:translateX(-20%)}40%,55%{transform:translateX(-40%)}60%,75%{transform:translateX(-60%)}80%,95%{transform:translateX(-80%)}100%{transform:translateX(0)}} @keyframes zoom-flow {0%,100%{transform:scale(1.1)}50%{transform:scale(1.2)}} @keyframes slide-pattern {0%{background-position:0 0}100%{background-position:50px 50px}} @media (min-width: 992px) and (max-width: 1400px) {.cssprogram_details .cssknowledge_flow{padding:2.5rem}.cssprogram_details .cssfast_guide{max-width:550px}} @media (min-width: 1400px) {.cssprogram_details .cssfast_guide{max-width:650px}.cssprogram_details .container{max-width:1320px}} @media (max-width: 991px) {.cssprogram_details{min-height:auto;padding:0;flex-direction:column}.cssprogram_details .csseducation_track{height:350px;position:relative}.cssprogram_details .container{width:100%;padding:3rem 1.5rem}.cssprogram_details .cssfast_guide{margin:0 auto;max-width:100%}.cssprogram_details .cssknowledge_flow{padding:2rem}} @media (max-width: 767px) {.cssprogram_details .csseducation_track{height:300px}.cssprogram_details .csstech_training{animation-duration:25s}.cssprogram_details .container{padding:2.5rem 1rem}.cssprogram_details .cssknowledge_flow{padding:1.8rem}.cssprogram_details .cssknowledge_flow h3{font-size:calc(36px * 0.9)}.cssprogram_details .cssknowledge_flow p{font-size:calc(12px * 0.95);margin-bottom:1.5rem}} @media (max-width: 480px) {.cssprogram_details .csseducation_track{height:250px}.cssprogram_details .csstech_training{animation-duration:20s}.cssprogram_details .container{padding:2rem 0.8rem}.cssprogram_details .cssknowledge_flow{padding:1.5rem}.cssprogram_details .cssknowledge_flow h3{font-size:calc(36px * 0.8);margin-bottom:1rem}.cssprogram_details .cssknowledge_flow p{margin-bottom:1.2rem;font-size:calc(12px * 0.85);line-height:1.5}.cssprogram_details .cssknowledge_flow .csssupport_widget{text-align:center;width:100%;padding:0.8rem 1.5rem}} @media (prefers-reduced-motion) {.cssprogram_details .csstech_training,.cssprogram_details .csseducation_guide img,.cssprogram_details .csseducation_guide::after{animation:none}}.cssdeal_plan{background:linear-gradient(135deg,rgb(213,216,232) 0%,rgba(245,247,250,0.95) 100%);padding:7rem 0;position:relative;overflow:hidden}.cssdeal_plan::before{height:70%;top:-10%;opacity:0.1;right:-5%;transform:rotate(-15deg);border-radius:10px;position:absolute;background:linear-gradient(120deg,rgb(173,184,208,0.5) 20%,rgb(133,151,181,0.5) 80%);z-index:0;content:"";width:40%}.cssdeal_plan::after{height:50%;width:35%;left:-3%;background:linear-gradient(45deg,rgb(133,151,181,0.5) 30%,rgb(173,184,208,0.5) 70%);transform:rotate(10deg);bottom:-5%;position:absolute;opacity:0.08;border-radius:10px;content:"";z-index:0}.cssdeal_plan .container{margin:0 auto;max-width:1400px;position:relative;z-index:2;padding:0 2rem}.cssdeal_plan .cssfee_pricing{flex-direction:column;display:flex}.cssdeal_plan .cssfee_options{order:1;margin-bottom:3.5rem;text-align:center;position:relative}.cssdeal_plan .cssfee_options h2{color:#000000;font-weight:700;position:relative;margin-bottom:1.5rem;display:inline-block;font-size:28px}.cssdeal_plan .cssfee_options h2::after{height:3px;width:70%;bottom:-0.75rem;left:50%;position:absolute;background:linear-gradient(90deg,transparent,rgb(173,184,208),transparent);content:"";transform:translateX(-50%)}.cssdeal_plan .cssbasic_cost{max-width:800px;color:#000000;margin:0 auto;font-size:14px;line-height:1.6}.cssdeal_plan .csspayment_plans{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid;order:2;gap:2rem;width:100%}.cssdeal_plan .cssprogram_price{display:block;box-shadow:0 10px 30px rgba(0,0,0,0.05);transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275),box-shadow 0.4s ease;background:#ffffff;height:100%;position:relative;text-decoration:none;color:#000000;overflow:hidden}.cssdeal_plan .cssprogram_price:hover{box-shadow:0 15px 40px rgba(0,0,0,0.1);transform:translateY(-8px)}.cssdeal_plan .cssprogram_price::before{top:0;left:0;height:5px;background:linear-gradient(90deg,rgb(173,184,208),rgb(133,151,181));content:"";transition:transform 0.3s ease;transform:translateY(-5px);width:100%;position:absolute}.cssdeal_plan .cssprogram_price:hover::before{transform:translateY(0)}.cssdeal_plan .csscost_plan{flex-direction:column;height:100%;box-sizing:border-box;display:flex}.cssdeal_plan .csspricing_deals{padding:2rem 1.75rem;display:flex;position:relative;flex:1;flex-direction:column}.cssdeal_plan .csspricing_deals h3{font-size:calc(24px * 1.1);color:#000000;font-weight:700;margin-bottom:1rem;position:relative;display:inline-block}.cssdeal_plan .csspricing_deals .csslearning_fees{font-size:calc(24px * 1.3);font-weight:700;color:rgb(173,184,208);position:relative;margin-bottom:1.5rem}.cssdeal_plan .csspricing_deals .csslearning_fees::after{bottom:-0.75rem;height:2px;position:absolute;left:0;content:"";background:rgb(173,184,208,0.5);width:40px}.cssdeal_plan .csspricing_deals p{color:#000000;word-wrap:break-word;overflow-wrap:break-word;flex-grow:1;line-height:1.65;margin-bottom:1.5rem;word-break:break-word;font-size:14px}.cssdeal_plan .cssphoto_card{overflow:hidden;transition:transform 0.5s ease;position:relative;height:180px;width:100%}.cssdeal_plan .cssphoto_card::after{width:100%;left:0;background:linear-gradient(to bottom,rgba(0,0,0,0.1),rgba(0,0,0,0.4));height:100%;position:absolute;content:"";top:0}.cssdeal_plan .cssprogram_price:hover .cssphoto_card{transform:scale(1.05)}.cssdeal_plan .cssprogram_price:nth-child(odd) .csspricing_deals::before{background:rgb(173,184,208,0.5);border-radius:50%;height:2.5rem;width:2.5rem;position:absolute;content:"";right:1rem;opacity:0.1;z-index:-1;top:1rem}.cssdeal_plan .cssprogram_price:nth-child(even) .csspricing_deals::before{background:rgb(133,151,181,0.5);border-radius:50%;bottom:1rem;left:1rem;height:2.5rem;position:absolute;opacity:0.1;width:2.5rem;z-index:-1;content:""}@media (min-width: 992px) {.cssdeal_plan .cssfee_pricing{flex-direction:row}.cssdeal_plan .cssfee_options{margin-bottom:0;justify-content:center;padding-left:3rem;display:flex;text-align:left;order:2;flex:0 0 30%;flex-direction:column}.cssdeal_plan .cssfee_options h2{margin-bottom:2rem;text-align:left}.cssdeal_plan .cssfee_options h2::after{transform:none;left:0;width:40%}.cssdeal_plan .cssbasic_cost{text-align:left;margin:0}.cssdeal_plan .csspayment_plans{grid-template-columns:repeat(2,1fr);flex:0 0 70%;order:1}} @media (max-width: 991px) {.cssdeal_plan{padding:5rem 0}.cssdeal_plan .cssprogram_price{margin-bottom:1.5rem}.cssdeal_plan .cssfee_options{padding:0 1rem}} @media (max-width: 767px) {.cssdeal_plan{padding:4rem 0}.cssdeal_plan .cssfee_options h2{font-size:calc(28px * 0.9)}.cssdeal_plan .csspricing_deals h3{font-size:24px}.cssdeal_plan .csspricing_deals .csslearning_fees{font-size:calc(24px * 1.15)}.cssdeal_plan .cssphoto_card{height:160px}} @media (max-width: 575px) {.cssdeal_plan{padding:3rem 0}.cssdeal_plan .container{padding:0 1.5rem}.cssdeal_plan .csspayment_plans{gap:1.5rem}.cssdeal_plan .csspricing_deals{padding:1.5rem}.cssdeal_plan .cssphoto_card{height:140px}} @media (hover: none) {.cssdeal_plan .cssprogram_price:hover{transform:none}.cssdeal_plan .cssprogram_price:hover .cssphoto_card{transform:none}}