header,footer{width:100%}header{width:100%;overflow:visible;position:relative;background:linear-gradient(to bottom,rgb(235,233,237),rgba(0,0,0,0.5));z-index:99}#keycookie_box_window{display:none}#keycookie_box_window:checked ~ .keycookie_warning_alert{visibility:hidden;opacity:0}.keycookie_frame svg{fill:rgb(207,202,210);width:50px;height:50px}.keycookie_tips{flex:1;margin-bottom:20px;min-width:300px}.keycookie_tips p{color:#000000;font-size:1rem}.keyedu_cookies:hover{transform:translateY(-3px);background:#000000}.keycookie_warning_alert p a:hover{color:#000000}.keythxNote::before{width:100%;content:"";background:radial-gradient(circle at 20% 30%,rgb(207,202,210,0.5) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgb(171,164,176,0.5) 0%,transparent 40%);left:0;top:0;z-index:-1;height:100%;animation:pulse 15s infinite alternate;opacity:0.6;position:absolute}.keythxNote .keyknowledge_guides::before{content:"";opacity:0.05;top:0;height:100%;z-index:-1;left:0;position:absolute;width:100%;background:linear-gradient(135deg,rgb(207,202,210,0.5) 0%,transparent 100%)}.keythxNote li{position:relative;animation:fadeSlideInDelayed 1.2s ease-out both;padding-left:0;margin-bottom:0.5rem}.keythxNote span{font-size:clamp(1rem,2vw,15px);letter-spacing:0.01em;position:relative;line-height:1.6;color:#000000;font-family:Arial,sans-serif;font-weight:400;transform:translateZ(10px);display:block}header .keytop_lead .keypage_header .keyheader_pagewrap{position:relative;display:block;padding:5px}header .keytop_lead .keypage_header .keyheader_pagewrap svg{height:45px;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1));width:auto}header .keytop_lead .keytop_learn .keymain_pro a::before,header .keytop_lead .keytop_learn .keymain_pro a::after{position:absolute;transition:all 0.3s ease;top:0;content:"";height:100%;left:0;width:100%;pointer-events:none}header .keytop_lead .keytop_learn .keymain_pro a::before{background:linear-gradient(to bottom,rgb(207,202,210,0.5),transparent);transform:translateZ(-1px) rotateX(10deg);opacity:0;transform-origin:top center}.keyteaching_history::after{height:70%;position:absolute;z-index:0;background:rgb(171,164,176,0.5);right:-10%;width:50%;content:"";top:-20%;opacity:0.1;filter:blur(80px);transform:rotate(-15deg)}.keyteaching_history .keyedu_feedback > div:first-child{align-items:center;justify-content:center;display:flex}.keyteaching_history .keypic_hover::before{z-index:-1;left:12px;transition:all 0.4s ease;opacity:0.2;bottom:-12px;right:-12px;content:"";position:absolute;border:2px solid rgb(207,202,210);top:12px}.keyteaching_history .keyedu_feedback > div:nth-child(2) div{margin-top:5px;font-size:calc(12px - 1px);opacity:0.85;transition:transform 0.4s ease,opacity 0.4s ease;font-weight:600;color:rgb(171,164,176);transform:translateX(0)}.keyprimary_page::before{right:0;content:"";bottom:0;top:0;left:0;background:linear-gradient(135deg,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.85) 100%);z-index:-1;position:absolute}.keyprimary_page .title_style_header{color:#ffffff;position:relative;font-weight:700;line-height:1.2;text-shadow:0 4px 10px rgba(0,0,0,0.3),0 0 20px rgb(207,202,210,0.5);font-size:clamp(2.5rem,5vw,43px);letter-spacing:0.02em;margin:0}.keyprimary_page .keyskill_guides::before{left:-1rem;height:1.5rem;content:"";animation:pulse 3s infinite alternate;top:-0.75rem;position:absolute;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:1.5rem;background:rgb(171,164,176)}.keyprimary_page p{font-size:clamp(1rem,2vw,13px);line-height:1.6;font-weight:400;color:#ffffff;text-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0}.keycontact_section{overflow:hidden;padding:100px 0;position:relative}.keycontact_section .keyconnect_card{background:linear-gradient(135deg,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.1) 100%);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:13px;display:flex;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,0.2)}.keycontact_section .keyfeedback_block div{margin-bottom:25px;border-radius:10px;display:flex;transition:transform 0.3s ease,box-shadow 0.3s ease;background:rgba(255,255,255,0.08);padding:15px;border-left:3px solid rgb(171,164,176);align-items:center}.keycontact_section .keyfeedback_block a{text-decoration:none;transition:color 0.3s ease;color:#ffffff}.keycontact_section form{z-index:1;position:relative}.keycontact_section form h3{margin-bottom:30px;font-weight:700;text-align:center;color:#000000;font-size:36px;position:relative;padding-bottom:15px}.keycontact_section form input::placeholder{color:rgba(0,0,0,0.4)}.keycontact_section .keymessage_message input[type="checkbox"]{border-radius:10px;width:20px;background:rgba(240,240,240,0.8);height:20px;-webkit-appearance:none;cursor:pointer;position:relative;appearance:none;border:2px solid rgb(207,202,210);flex-shrink:0;margin-right:10px}.keycontact_section .keyquery_info{border:none;z-index:1;font-size:19px;cursor:pointer;font-weight:600;position:relative;overflow:hidden;border-radius:10px;width:100%;padding:15px 20px;color:#ffffff;box-shadow:0 4px 15px rgba(0,0,0,0.2);background:linear-gradient(135deg,rgb(207,202,210) 0%,rgb(171,164,176) 100%);transition:all 0.3s ease}.keytestimonials h4::after{width:120%;transform:skewX(0);bottom:-20px;background:rgb(207,202,210);content:"";height:10px;left:-10%;position:absolute}.keytestimonials .keyedu_feedback:hover::before{height:100%}.keytestimonials .keyedu_feedback:hover::after{width:100%}.keytestimonials .keypic_hover{box-shadow:5px 5px 0 rgb(171,164,176,0.5);margin-bottom:20px;border-radius:29px;overflow:hidden;position:relative;transition:all 0.3s ease;width:80px;height:80px;transform:rotate(-3deg)}.keytestimonials .keyedu_feedback:nth-child(3n+1){transform:translateY(20px)}.keytestimonials .keyedu_feedback:nth-child(3n+2):hover{transform:translateY(25px)}.keyprivacy_container h3,.keyprivacy_container h4,.keyprivacy_container h5,.keyprivacy_container h6{margin-bottom:0.5em}.keyprivacy_container h3{font-size:calc(18px - 0.2em);font-weight:400;color:rgb(207,202,210)}.keyprivacy_container p{line-height:1.6;margin-bottom:1em;font-size:14px}.keyprivacy_container h2::after{border-radius:10px;display:block;width:40px;height:3px;margin:0.5em auto 0;content:"";background-color:rgb(171,164,176)}.keycourse_program_details{position:relative;padding:6rem 0;overflow:hidden;background:linear-gradient(145deg,rgb(235,233,237) 0%,rgb(207,202,210,0.5) 100%)}.keycourse_program_details .keytext_text:hover{transform:translateY(-10px)}.keycourse_program_details .keytext_text::before{z-index:-1;width:8rem;position:absolute;height:8rem;background:rgb(171,164,176,0.5);top:-4rem;content:"";opacity:0.6;right:3rem;border-radius:50%}.keycourse_program_details .keytext_text .description::before{border-radius:50%;left:0;background:rgb(171,164,176);position:absolute;width:4px;height:4px;top:0.5rem;content:""}.keycourse_program_details .keypic_hover::after{content:"";position:absolute;left:0;height:100%;top:0;width:100%;background:linear-gradient( to bottom right,rgb(207,202,210,0.5) 0%,transparent 40% )}.keyaccess_now .keyknowledge_guides::before{left:-20%;top:0;width:140%;transform:skewX(-15deg);background:rgba(255,255,255,0.05);height:100%;box-shadow:0 20px 40px rgba(0,0,0,0.1),0 10px 20px rgba(0,0,0,0.05);backdrop-filter:blur(10px);position:absolute;border-radius:20px;z-index:-1;content:''}.keyaccess_now h3::after{content:'';height:1px;position:absolute;left:20%;width:60%;bottom:-30px;background:linear-gradient( to right,transparent,rgba(255,255,255,0.3),transparent )}.keyaccess_now .keyreach_team::after{content:'';height:20px;position:absolute;z-index:-1;width:100%;background:linear-gradient( to bottom,rgba(0,0,0,0.05),transparent );top:0;left:0}.keypatent_info .container{position:relative;z-index:2}.keypatent_info .keyconnect_section::before{top:0;left:0;content:'';width:100%;height:100%;position:absolute;background:repeating-linear-gradient( -45deg,transparent,transparent 10px,rgba(255,255,255,0.03) 10px,rgba(255,255,255,0.03) 20px );z-index:-1}.keypatent_info .info_item:hover svg{transform:scale(1.2)}.keypatent_info .keypage_header svg{transition:all 0.3s ease;max-width:150px;height:auto;filter:brightness(0) invert(1)}.keypatent_info .keytop_learn::before{background:linear-gradient(135deg,rgba(255,255,255,0.05) 0%,transparent 100%);position:absolute;top:0;height:100%;width:100%;left:0;z-index:-1;content:''}.keypatent_info .keytop_sitebar a{padding:0.5rem 0;position:relative;font-size:14px;text-decoration:none;opacity:0.8;color:#ffffff;transition:all 0.3s ease}.keypatent_info .subscribe_holder h5{margin-bottom:1rem;font-weight:600;color:#ffffff;font-size:18px}.keypatent_info .input_holder{gap:1rem;display:flex;flex-direction:column}.keypatent_info .input_holder input[type="email"]::placeholder{color:rgba(255,255,255,0.6)}.keypatent_info .keyjoin_news::before{content:'';top:0;position:absolute;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);left:-100%;height:100%;width:100%;transition:left 0.5s ease}.keyeducational_yield{padding:120px 0;background:linear-gradient(135deg,rgb(235,233,237) 0%,#ffffff 75%);position:relative;overflow:hidden}.keyeducational_yield .keyknowledge_guides{flex-direction:column-reverse;gap:40px;position:relative;display:flex}.keyeducational_yield .keytext_text:hover{transform:translateY(-5px)}.keyeducational_yield h4{position:relative;font-weight:700;margin-bottom:30px;font-size:calc(22px * 1.1);padding-bottom:15px;color:#000000;line-height:1.4}.keyeducational_yield li{transition:transform 0.3s ease;margin-bottom:15px}.keyeducational_yield svg{transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1);width:24px;height:24px}.keyeducational_yield .keypic_hover{box-shadow:25px 25px 50px rgba(0,0,0,0.07),-5px -5px 30px rgba(255,255,255,0.8);transform:perspective(1000px) rotateY(-3deg);width:100%;object-fit:cover;transition:all 0.5s cubic-bezier(0.22,1,0.36,1);height:auto;border-radius:11px}.keystatistical_summary .keyexpert_upgrade{color:#000000;font-weight:700;font-size:34px;margin-bottom:20px;position:relative;padding-left:20px}.keystatistical_summary .keystatistics_upgrade{position:relative;grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.keystatistical_summary .keystatistics_boost:hover{box-shadow:0 15px 30px rgba(0,0,0,0.1);transform:translateY(-10px)}.keystatistical_summary .keystatistics_boost span{color:#000000;line-height:1.5;transition:all 0.3s ease;font-size:calc(14px * 0.9)}.keystatistical_summary .keystatistics_boost:hover::after{height:100%}.keystatistical_summary .keystatistics_boost:nth-child(even) svg{fill:rgb(171,164,176)}.keystatistical_summary .keystatistics_boost:hover svg{transform:scale(1.1)}.keyour_mission .container{transform-style:preserve-3d;position:relative;z-index:5;perspective:1200px}.keyour_mission h2::after{left:0;content:"";background:rgb(207,202,210);width:80px;height:4px;box-shadow:5px 5px 15px rgba(rgb(207,202,210,0.5),0.3);transform:skewX(-20deg);position:absolute;bottom:-15px}.keyour_mission .keytext_text p{font-weight:600;margin-bottom:20px;transform:translateZ(10px);color:rgb(207,202,210);font-size:calc(13px * 1.5);position:relative}@media only screen and (max-width: 1200px) {.container{padding:0 20px;width:100%}} @media only screen and (max-width: 768px) {.keycookie_warning_alert .container{align-items:center;flex-direction:column}.keycookie_frame{margin-right:0;margin-bottom:1rem}.keycookie_tips{margin-bottom:1rem;text-align:center}.cookie_button.keysecure_cookies{margin-left:0;margin-top:0.5rem}} @media (max-width: 767px) {.keythxNote{padding:4rem 0}.keythxNote .keyknowledge_guides{transform:translateZ(10px) rotateX(1deg);padding:1.5rem}.keythxNote h2{font-size:clamp(1.2rem,5vw,1.8rem);transform:translateZ(15px);margin-bottom:2rem}.keythxNote .keyknowledge_guides:hover{transform:translateZ(15px) rotateX(0deg)}.keythxNote span{font-size:0.95rem}} @media (max-width: 767px) {.keyteaching_history{padding:80px 0}.keyteaching_history .keyedu_feedback{padding:30px;gap:25px}.keyteaching_history .keypic_hover{height:150px;width:150px}.keyteaching_history .name{font-size:calc(23px - 2px)}.keyteaching_history .keywork_background{font-size:calc(12px - 1px)}} @media (min-width: 992px) {.keyprimary_page > div{flex-direction:row;gap:3rem;align-items:center;transform:perspective(1500px) rotateX(5deg)}.keyprimary_page > div > div:first-child{transform:translateX(-2rem) translateZ(80px);flex:1}.keyprimary_page .keystart_front{max-width:none;transform:translateX(2rem) translateZ(40px);margin-left:0;flex:1.2}.keyprimary_page .title_style_header{font-size:43px}.keyprimary_page .title_style_header::after{height:6px}} @media (max-width: 1024px) {.keytestimonials .keyedu_feedback{width:calc(50% - 40px)}.keytestimonials .keyedu_feedback:nth-child(2n+1){transform:translateY(20px)}.keytestimonials .keyedu_feedback:nth-child(2n+2){transform:translateY(40px)}.keytestimonials .keyedu_feedback:nth-child(2n+1):hover{transform:translateY(5px)}.keytestimonials .keyedu_feedback:nth-child(2n+2):hover{transform:translateY(25px)}.keytestimonials h4{font-size:calc(46px * 0.9)}} @media (min-width: 992px) {.keycourse_program_details .keyknowledge_track{grid-template-columns:1.2fr 0.8fr}.keycourse_program_details .keytext_text{padding:3rem}.keycourse_program_details .keypic_hover{height:450px;margin-top:3rem}.keycourse_program_details .keytext_text::after{width:6rem;position:absolute;z-index:-1;background:rgb(207,202,210,0.5);content:"";border-radius:50%;bottom:-3rem;opacity:0.4;height:6rem;left:25%}} @media screen and (max-width: 576px) {.keyaccess_now{padding:80px 0}.keyaccess_now .keyknowledge_guides::before{width:110%;left:-5%;transform:skewX(-5deg)}.keyaccess_now h3{font-size:calc(30px * 0.7);letter-spacing:1px;margin:35px 0}.keyaccess_now h3::before{top:-20px}.keyaccess_now h3::after{bottom:-20px}.keyaccess_now .keyreach_team{padding:12px 35px;font-size:calc(14px * 0.85);letter-spacing:1px;margin-bottom:35px}} @media (min-width: 768px) {.keyeducational_yield .keytext_text > div{flex-direction:row;gap:40px}.keyeducational_yield .keytext_text > div > div{flex:1}} @media (min-width: 1200px) {.keyeducational_yield .container{padding:0 30px}.keyeducational_yield .keyknowledge_guides{gap:80px}.keyeducational_yield .keytext_text{padding:50px 60px}.keyeducational_yield h4{margin-bottom:40px}.keyeducational_yield li p{gap:20px}} @media (max-width: 1200px) {.keystatistical_summary .keystatistics_upgrade{grid-template-columns:repeat(3,1fr)}.keystatistical_summary .keystatistics_boost{padding:25px 20px}.keystatistical_summary .keystatistics_boost h4{font-size:2.2rem}} @media (hover: hover) {.keyour_mission .keytext_text:hover{transform:translateZ(30px) perspective(1000px) rotateY(0deg)}} @media (max-width: 768px) {.keyour_mission{padding:80px 0}.keyour_mission .keytext_text{padding:30px;transform:translateZ(10px) perspective(1000px) rotateY(-1deg)}.keyour_mission .keytext_text div div{column-count:1}.keyour_mission .keytext_text > div::before{left:-30px}} @keyframes slideUpScale {from{opacity:0;transform:translateY(40px) translateZ(20px) scale(0.95) rotateX(5deg)}to{opacity:1;transform:translateY(0) translateZ(20px) scale(1) rotateX(2deg)}} @keyframes fadeInUp {from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}} @keyframes fadeIn {from{opacity:0}to{opacity:1}} @keyframes backgroundShift {0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} @keyframes shine {0%{left:-100%}20%{left:100%}100%{left:100%}} @keyframes rotateConic {0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}