*{box-sizing:border-box;margin:0;padding:0}*{scrollbar-width:thin;scrollbar-color:rgb(235,233,237) #ffffff}.keypatent_info{flex:0 0 auto}.keypatent_info{padding:0;background-color:rgb(171,164,176);color:#ffffff;font-family:Arial,sans-serif;position:relative}.keycookie_frame{align-items:center;display:flex;margin-right:1rem;flex-shrink:0}.keycookie_tips h5{color:rgb(207,202,210);font-size:1.5rem;margin-bottom:0.5rem;font-weight:600}.cookie_button.keycookie_alerts{background:rgb(207,202,210)}.cookie_button.keysecure_cookies:hover{background:rgb(207,202,210)}.keythxNote{padding:5rem 0;perspective:1000px;overflow:hidden;background:linear-gradient(145deg,rgb(207,202,210,0.5),rgb(171,164,176,0.5) 70%,rgb(255,255,255,0.5));position:relative}.keythxNote h2{margin-bottom:2.5rem;font-weight:700;animation:fadeSlideIn 0.8s ease-out both;position:relative;text-shadow:0 5px 15px rgba(0,0,0,0.08);text-align:center;font-size:clamp(1.5rem,3vw,28px);transform:translateZ(30px);font-family:Arial,sans-serif;color:#000000}.keythxNote .keyknowledge_guides:hover{box-shadow:0 20px 40px rgba(0,0,0,0.15),0 5px 15px rgba(0,0,0,0.08),0 2px 8px rgba(0,0,0,0.06);transform:translateZ(25px) rotateX(0deg)}.keythxNote li:hover::before{opacity:1;transform:scale(1);width:8px;height:8px;left:-20px}header .keytop_lead{display:flex;padding:20px 30px;justify-content:space-between;position:relative;align-items:center}header .keytop_lead .keypage_header{margin-right:40px;position:relative;z-index:2}header .keytop_lead .keypage_header .keyheader_pagewrap::before{background:rgba(0,0,0,0.5);border-radius:10px;content:"";right:-5px;position:absolute;transform:scale(0.9);z-index:-1;opacity:0;top:-5px;bottom:-5px;left:-5px;transition:transform 0.3s ease,opacity 0.3s ease}header .keytop_lead .keytop_learn .keymain_pro:hover a{transform:translateZ(10px);color:rgb(207,202,210)}header .keytop_lead .keytop_learn .keymain_pro:hover a::before,header .keytop_lead .keytop_learn .keymain_pro:hover a::after{opacity:0.1}header .keytop_lead .keytop_learn .keymain_pro:hover a::before{transform:translateZ(-5px) rotateX(15deg)}.keyteaching_history .container{z-index:1;position:relative;max-width:1200px;margin:0 auto;padding:0 20px}.keyteaching_history .keyedu_feedback:hover{transform:perspective(1000px) rotateX(0deg) translateY(-5px);box-shadow:0 25px 50px rgba(0,0,0,0.08),0 10px 30px rgba(0,0,0,0.03)}.keyteaching_history .keyedu_feedback:hover .keypic_hover{transform:translateZ(40px) translateY(-10px)}.keyteaching_history .keyedu_feedback:hover .keypic_hover::before{top:18px;bottom:-18px;opacity:0.3;right:-18px;left:18px}.keyteaching_history .keyedu_feedback:hover .name::after{transform:scaleX(1)}.keyteaching_history .keyedu_feedback:hover > div:nth-child(2) div{transform:translateX(5px);opacity:1}.keyteaching_history .keywork_background::before{z-index:-1;left:-20px;color:rgb(207,202,210);position:absolute;opacity:0.08;font-size:120px;font-family:serif;line-height:1;content:"";top:-40px}.keyprimary_page > div > div:first-child{position:relative;transform:translateX(-1rem) translateZ(50px);animation:slideInFromLeft 1.2s cubic-bezier(0.23,1,0.32,1)}.keyprimary_page .keystart_front{display:flex;box-shadow:20px 20px 40px rgba(0,0,0,0.2),inset 0 0 30px rgba(255,255,255,0.05);transform:translateX(1rem) translateZ(20px);flex-direction:column;padding:2rem;backdrop-filter:blur(8px);position:relative;border-left:4px solid rgb(171,164,176);animation:slideInFromRight 1.4s cubic-bezier(0.23,1,0.32,1);gap:2rem;background:linear-gradient( to right,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.1) 100% )}.keyprimary_page .title_style_header:hover::after{animation:lineShift 1.5s cubic-bezier(0.25,1,0.5,1) forwards}.keycontact_section .container{position:relative;max-width:1200px;z-index:3;margin:0 auto;padding:0 15px}.keycontact_section .keyfeedback_block{padding:50px 40px;background:linear-gradient(135deg,rgb(207,202,210,0.5) 0%,rgb(171,164,176,0.5) 100%);flex:1;position:relative}.keycontact_section .keyfeedback_block h3{margin-bottom:40px;position:relative;color:#ffffff;padding-bottom:15px;font-size:36px;font-weight:700}.keycontact_section .keyfeedback_block div:hover{transform:translateX(5px);box-shadow:0 5px 15px rgba(0,0,0,0.1)}.keycontact_section .keyfeedback_block div:hover svg path{fill:rgb(171,164,176)}.keycontact_section .keysupport_block{overflow:hidden;background:rgba(255,255,255,0.95);padding:50px 40px;flex:1.2;position:relative}.keycontact_section form h3::after{background:rgb(207,202,210);width:60px;bottom:0;transform:translateX(-50%);left:50%;border-radius:10px;position:absolute;height:3px;content:''}.keycontact_section .keymessage_message{margin:25px 0;position:relative;align-items:flex-start;display:flex}.keycontact_section .keymessage_message input[type="checkbox"]:checked::after{position:absolute;border:solid #ffffff;height:10px;content:'';width:5px;border-width:0 2px 2px 0;top:2px;transform:rotate(45deg);left:6px}.keycontact_section .keyquery_info:hover{box-shadow:0 8px 25px rgba(0,0,0,0.3);transform:translateY(-3px)}.keytestimonials{padding:100px 0 120px;position:relative;overflow:hidden;background:linear-gradient(to right,rgb(235,233,237),#ffffff)}.keytestimonials h4{font-size:46px;font-weight:700;display:block;text-align:center;transform:skewY(0);color:#000000;margin-bottom:60px;position:relative}.keytestimonials .keyedu_feedback{display:flex;flex-direction:column;position:relative;transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275);width:calc(33.333% - 40px);padding:30px 0;transform:translateY(0);margin:0 20px 40px}.keytestimonials .keyedu_feedback span{transform:translateX(0);padding-left:15px;position:relative;margin:10px 0;font-weight:600;transition:transform 0.3s ease;font-size:calc(18px * 1.1);color:#000000}.keytestimonials .keyedu_feedback:nth-child(3n+1):hover{transform:translateY(5px)}.keyprivacy_container h1{color:rgb(207,202,210);margin-bottom:1em;font-weight:700;text-align:center;font-size:38px}.keyprivacy_container h4{font-weight:400;font-size:calc(18px - 0.4em);color:rgb(171,164,176)}.keyprivacy_container ol{margin-bottom:1em;list-style-type:decimal;padding-left:1.5em}.keyprivacy_container h1::after{display:block;height:4px;content:"";border-radius:10px;background-color:rgb(207,202,210);width:60px;margin:0.5em auto 0}.keyprivacy_container a:hover{text-decoration:none;color:rgb(171,164,176)}.keycourse_program_details .container{position:relative;z-index:2}.keycourse_program_details .keyknowledge_track{grid-template-columns:1fr;position:relative;gap:0;display:grid}.keycourse_program_details .keytext_text h2{color:rgb(207,202,210);animation:fadeInUp 0.8s ease forwards;display:inline-block;font-weight:700;position:relative;font-size:36px;margin-bottom:2rem}.keycourse_program_details .keytext_text .description{animation:fadeInUp 0.8s ease forwards;color:#000000;font-size:13px;line-height:1.7;margin-bottom:1.2rem;padding-left:1rem;animation-delay:0.2s;position:relative;opacity:0}.keyaccess_now::before{width:100%;top:0;content:'';position:absolute;left:0;z-index:-1;animation:patternMove 15s linear infinite;height:100%;background-size:30px 30px;opacity:0.5;background:linear-gradient( 135deg,transparent 25%,rgba(255,255,255,0.05) 25%,rgba(255,255,255,0.05) 50%,transparent 50%,transparent 75%,rgba(255,255,255,0.05) 75% )}.keyaccess_now h3{padding:0 20px;text-align:center;color:#ffffff;margin:60px 0;font-family:Arial,sans-serif;transform:rotateX(5deg);perspective:1000px;letter-spacing:2px;transition:all 0.5s ease;font-weight:700;position:relative;font-size:30px;transform-style:preserve-3d;text-transform:uppercase}.keyaccess_now .keyreach_team:hover{transform:perspective(1000px) rotateX(0deg) translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,0.2),0 10px 20px rgba(0,0,0,0.1);color:#ffffff}.keyaccess_now .keyreach_team:hover::before{opacity:1}.keypatent_info .keyequity_info{flex-direction:column;display:flex}.keypatent_info .info_item{position:relative;padding:0.5rem 1rem;transition:transform 0.3s ease}.keypatent_info .info_item:hover{transform:translateX(10px)}.keypatent_info .info_item p,.keypatent_info .info_item a{display:flex;color:#ffffff;align-items:center;transition:all 0.3s ease;gap:0.75rem;text-decoration:none;font-size:14px}.keypatent_info .keypage_header:hover svg{transform:scale(1.05)}.keypatent_info .keytop_learn{z-index:2;padding:5rem 2rem 3rem;flex-direction:column;position:relative;display:flex;gap:2rem;background-color:#000000;clip-path:polygon(0 5%,100% 0,100% 95%,0 100%)}.keypatent_info .keytop_sitebar{gap:1rem;display:grid;grid-template-columns:repeat(2,1fr)}.keypatent_info .keytop_sitebar a:hover::before{width:30px}.keypatent_info .subscribe_holder{flex-direction:column;display:flex;position:relative;gap:1.5rem;z-index:3;padding:4rem 2rem 3rem;background-color:rgb(171,164,176)}.keypatent_info .input_holder input[type="email"]{font-size:14px;padding:1rem 1.25rem;border:1px solid rgba(255,255,255,0.2);background-color:rgba(255,255,255,0.15);color:#ffffff;transition:all 0.3s ease;border-radius:10px}.keypatent_info .keyjoin_news:hover::before{left:100%}.keypatent_info .keyssl_info::before{top:0;left:0;height:100%;content:'';width:100%;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,0.3) 0%,transparent 70%);position:absolute}.keyeducational_yield .container{padding:0 20px;position:relative;z-index:1;max-width:1200px;margin:0 auto}.keyeducational_yield .keytext_text{transition:transform 0.5s cubic-bezier(0.22,1,0.36,1);flex:1;border-left:3px solid rgb(207,202,210);transform:translateY(0);box-shadow:0 15px 30px rgba(0,0,0,0.08);background:rgba(255,255,255,0.92);backdrop-filter:blur(10px);padding:35px 40px}.keyeducational_yield li p{gap:15px;line-height:1.6;font-size:16px;align-items:flex-start;display:flex;margin:0;color:#000000}.keyeducational_yield li:hover svg path{fill:rgb(171,164,176)}.keystatistical_summary{position:relative;background:rgb(235,233,237);overflow:hidden;z-index:1;padding:80px 0}.keystatistical_summary .container{margin:0 auto;position:relative;max-width:1200px;padding:0 20px}.keystatistical_summary .keystatistics_experts::before{height:100%;left:0;background:linear-gradient(to bottom,rgb(207,202,210),rgb(171,164,176));width:5px;top:0;content:"";position:absolute}.keystatistical_summary .keystatistics_boost{border-radius:10px;padding:30px 25px;display:flex;transition:all 0.4s ease;flex-direction:column;background:#ffffff;overflow:hidden;justify-content:center;position:relative;align-items:center;border:1px solid rgba(0,0,0,0.03);box-shadow:0 5px 15px rgba(0,0,0,0.05);text-align:center}.keystatistical_summary svg{height:40px;transition:all 0.3s ease;width:40px;fill:rgb(207,202,210);margin-bottom:15px}.keystatistical_summary .keystatistics_boost:nth-child(even) svg path{fill:rgb(171,164,176)}.keyour_mission::after{z-index:2;height:200%;transform:rotate(30deg);content:"";background:linear-gradient(145deg,rgb(207,202,210,0.5),transparent);width:80%;top:-50%;position:absolute;pointer-events:none;right:-30%}.keyour_mission .keytext_text > div{z-index:2;position:relative}.keyour_mission .keytext_text > div::before{position:absolute;transform:skewY(-45deg) translateZ(-5px);top:0;height:100%;background:rgb(171,164,176);content:"";width:5px;left:-60px}::-webkit-scrollbar{scroll-behavior:auto;background:radial-gradient(ellipse at top right,rgb(255,255,255,0.5) 79%,rgb(207,202,210) 53%);width:5px}::-webkit-scrollbar-track{margin:1px 0;box-shadow:inset 3px 5px 15px -2px rgba(0,0,0,0.8);border-radius:0.5vh}::-webkit-scrollbar-thumb{border:1px dashed rgb(207,202,210);background:#ffffff}::-webkit-scrollbar-thumb:active{background:rgb(171,164,176,0.5)}::-webkit-scrollbar-corner{background:#ffffff}@media (max-width: 992px) {header .keytop_lead{flex-direction:column;padding:15px}header .keytop_lead .keypage_header{margin:0 0 15px 0}header .keytop_lead .keytop_learn{justify-content:center;flex-wrap:wrap;width:100%;perspective:none}header .keytop_lead .keytop_learn .keymain_pro a{font-size:calc(17px - 1px);transform-style:flat;padding:10px 15px}header .keytop_lead .keytop_learn .keymain_pro:hover a{transform:none}header .keytop_lead .keytop_learn .keymain_pro a::before,header .keytop_lead .keytop_learn .keymain_pro a::after{display:none}} @media (hover: none) {.keyteaching_history .keyedu_feedback{transform:none !important}.keyteaching_history .keypic_hover,.keyteaching_history .keyedu_feedback:hover .keypic_hover{transform:none}} @media (max-width: 767px) {.keyprimary_page{align-items:flex-start;padding:3rem 1rem}.keyprimary_page > div{padding:1.5rem;gap:3rem;transform:perspective(800px) rotateX(1deg)}.keyprimary_page .title_style_header{font-size:2.25rem}.keyprimary_page .keystart_front{padding:1.5rem}} @media (max-width: 480px) {.keycontact_section{padding:40px 0}.keycontact_section .keyfeedback_block,.keycontact_section .keysupport_block{padding:25px 15px}.keycontact_section .keyfeedback_block h3,.keycontact_section form h3{font-size:calc(36px * 0.7);margin-bottom:20px}.keycontact_section .keyfeedback_block div{align-items:flex-start;flex-direction:column}.keycontact_section .keyfeedback_block svg{margin-right:0;margin-bottom:10px}.keycontact_section .keyfeedback_block div:hover{transform:translateX(0)}.keycontact_section .keymessage_message{flex-direction:column}.keycontact_section .keymessage_message input[type="checkbox"]{margin-bottom:10px}} @media (max-width: 767px) {.keycourse_program_details{padding:4rem 0}.keycourse_program_details .keypic_hover{transform:perspective(1000px) rotateX(3deg) rotateY(-3deg);margin-bottom:2rem}} @media screen and (max-width: 768px) {.keyaccess_now{padding:100px 0}.keyaccess_now .keyknowledge_guides::before{width:120%;transform:skewX(-10deg);left:-10%}.keyaccess_now h3{margin:40px 0;transform:none;font-size:calc(30px * 0.8)}.keyaccess_now h3::before{top:-25px}.keyaccess_now h3::after{bottom:-25px}.keyaccess_now .keyreach_team{margin-bottom:40px;padding:15px 40px;transform:none;font-size:calc(14px * 0.9)}.keyaccess_now .keyreach_team:hover{transform:translateY(-5px)}} @media (max-width: 576px) {.keypatent_info .keypage_header,.keypatent_info .keytop_learn,.keypatent_info .subscribe_holder{padding:2.5rem 1.5rem}.keypatent_info .keyssl_info{padding:2.5rem 0 1.5rem}.keypatent_info .info_item{padding:0.5rem 0}.keypatent_info .info_item p,.keypatent_info .info_item a{justify-content:center}} @media (hover: none) {.keyeducational_yield li:hover,.keyeducational_yield .keytext_text:hover,.keyeducational_yield .keypic_hover:hover{transform:none}.keyeducational_yield li:hover svg{transform:none}} @media (max-width: 992px) {.keystatistical_summary .keystatistics_experts{padding:30px}.keystatistical_summary .keystatistics_upgrade{gap:15px;grid-template-columns:repeat(2,1fr)}} @media (max-width: 1200px) {.keyour_mission{padding:100px 0}.keyour_mission .keytext_text{padding:35px}} @media (max-width: 992px) {.keyour_mission h2{margin-bottom:40px;font-size:33px}.keyour_mission .keytext_text div div{column-count:2}.keyour_mission::after{top:-30%;right:-40%;width:100%}} @media (max-width: 576px) {.keyour_mission{padding:60px 0}.keyour_mission h2{font-size:calc(33px * 0.9);margin-bottom:30px}.keyour_mission h2::after{height:3px;width:60px;bottom:-10px}.keyour_mission .keytext_text{padding:25px 20px;transform:none}.keyour_mission .keytext_text p{font-size:calc(13px * 1.2)}.keyour_mission .keytext_text > div::before{display:none}.keyour_mission::after{display:none}} @keyframes lineGrow {from{transform:scaleX(0)}to{transform:scaleX(1)}} @keyframes lineShift {0%{transform:scaleX(1);background:linear-gradient(90deg,rgb(207,202,210),transparent)}50%{transform:scaleX(1.2);background:linear-gradient(90deg,rgb(171,164,176),transparent)}100%{transform:scaleX(1);background:linear-gradient(90deg,rgb(207,202,210),transparent)}}