*{box-sizing:border-box;margin:0;padding:0}svg{width:30px;height:30px}.container{width:1196px;margin:auto;max-width:100%}.key_head_mainbar{flex:1 0 auto}header,footer{width:100%}a{text-decoration:none;color:inherit}.key_academy_info{flex:0 0 auto}html,body{scroll-behavior:auto;height:100%;color:#000000;font-family:Arial,sans-serif;min-height:100%}.key_wrapper-border{display:flex;flex-direction:column;height:100%;min-height:100%}@media only screen and (max-width: 1200px) {.container{padding:0 20px;width:100%}} @media only screen and (max-width: 800px) {.container{padding:0 12px}} .key_join_list{background:linear-gradient(135deg,rgb(144,147,162,0.5),rgb(108,110,122));padding:4rem 2rem;position:relative;overflow:hidden}.key_join_list::before{transform:rotate(-15deg);position:absolute;opacity:0.7;top:-10%;content:"";right:-5%;background:linear-gradient(145deg,rgb(108,110,122,0.5),rgb(144,147,162,0.5));z-index:1;clip-path:polygon(0 0,100% 20%,100% 80%,0 100%);width:40%;height:120%}.key_join_list::after{transform:rotate(10deg);position:absolute;bottom:-5%;width:30%;height:80%;background:linear-gradient(210deg,rgb(144,147,162),rgb(108,110,122,0.5));z-index:1;content:"";clip-path:polygon(0 20%,100% 0,100% 100%,0 80%);opacity:0.6;left:-2%}.key_join_list .container{max-width:1200px;position:relative;z-index:2;margin:0 auto}.key_join_list .key_edu_leadership{border:1px solid rgba(255,255,255,0.1);padding:2.5rem;display:flex;backdrop-filter:blur(8px);flex-direction:column;box-shadow:0 15px 30px rgba(0,0,0,0.1);transform:perspective(1000px) rotateX(2deg);position:relative;background:linear-gradient(170deg,rgba(255,255,255,0.15),rgba(255,255,255,0.05))}.key_join_list .key_edu_leadership > div{margin-bottom:1.5rem}.key_join_list h4{line-height:1.4;font-size:calc(18px * 0.9);max-width:90%;text-shadow:0 1px 2px rgba(0,0,0,0.1);position:relative;margin:0;font-weight:600;font-family:Arial,sans-serif;color:#ffffff;letter-spacing:0.02em}.key_join_list .input_holder{width:100%;flex-direction:column;gap:1rem;position:relative;display:flex}.key_join_list .input_holder span{flex:1;position:relative}.key_join_list .input_holder input[type="email"]{font-size:17px;box-shadow:0 4px 6px rgba(0,0,0,0.1);padding:0.85rem 1rem;color:#000000;border-radius:10px;border:none;transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);font-family:Arial,sans-serif;width:100%;background:rgba(255,255,255,0.9)}.key_join_list .input_holder input[type="email"]:focus{background:#ffffff;outline:none;transform:translateY(-2px);box-shadow:0 8px 15px rgba(0,0,0,0.1),0 0 0 2px rgb(144,147,162,0.5)}.key_join_list .input_holder input[type="email"]::placeholder{color:rgba(0,0,0,0.4);transition:opacity 0.3s ease}.key_join_list .input_holder input[type="email"]:focus::placeholder{opacity:0.6}.key_join_list .input_holder .key_support_query{border-radius:10px;width:100%;cursor:pointer;overflow:hidden;transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);position:relative;font-size:14px;font-family:Arial,sans-serif;box-shadow:0 4px 10px rgba(0,0,0,0.15);border:none;color:#ffffff;font-weight:600;padding:0.85rem 1.5rem;background:linear-gradient(135deg,#000000,rgba(0,0,0,0.5))}.key_join_list .input_holder .key_support_query:hover{background:linear-gradient(135deg,rgba(0,0,0,0.5),#000000);transform:translateY(-2px);box-shadow:0 7px 14px rgba(0,0,0,0.2)}.key_join_list .input_holder .key_support_query:active{transform:translateY(1px);box-shadow:0 3px 8px rgba(0,0,0,0.15)}.key_join_list .input_holder .key_support_query::before{width:100%;position:absolute;top:0;height:100%;transition:left 0.7s ease;left:-100%;content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent)}.key_join_list .input_holder .key_support_query:hover::before{left:100%}@media (min-width: 768px) {.key_join_list{padding:5rem 3rem}.key_join_list .key_edu_leadership{align-items:center;transform:perspective(1000px) rotateX(1deg);flex-direction:row;gap:2rem;padding:3rem}.key_join_list .key_edu_leadership > div{margin-bottom:0;flex:1}.key_join_list h4{font-size:18px}.key_join_list .input_holder{flex-direction:row;flex:1;gap:1rem}.key_join_list .input_holder span:first-child{flex:2}.key_join_list .input_holder span:last-child{flex:1}} @media (min-width: 992px) {.key_join_list{padding:6rem 4rem}.key_join_list .key_edu_leadership{padding:3.5rem}.key_join_list h4{font-size:calc(18px * 1.05);line-height:1.35}.key_join_list .input_holder input[type="email"],.key_join_list .input_holder .key_support_query{padding:1rem 1.5rem}} @media (min-width: 1200px) {.key_join_list .key_edu_leadership{gap:3rem;padding:4rem}.key_join_list h4{max-width:85%;font-size:calc(18px * 1.1)}.key_join_list .input_holder{gap:1.5rem}} @media (max-width: 480px) {.key_join_list{padding:3rem 1.5rem}.key_join_list .key_edu_leadership{padding:2rem 1.5rem}.key_join_list h4{font-size:calc(18px * 0.85)}}.key_mentorship_profile{padding:5rem 2rem;background:rgb(181,184,199);position:relative;overflow:hidden}.key_mentorship_profile::before{position:absolute;content:"";left:0;top:0;width:100%;z-index:0;background:linear-gradient(120deg,rgb(144,147,162,0.5) 0%,transparent 70%);height:100%}.key_mentorship_profile::after{z-index:0;right:0;background:linear-gradient(210deg,rgb(108,110,122,0.5) 0%,transparent 70%);position:absolute;bottom:0;height:70%;content:"";width:70%}.key_mentorship_profile .key_user_opinions{z-index:1;flex-direction:column;max-width:600px;display:flex;position:relative;margin:0 auto}.key_mentorship_profile .key_image_shadow{z-index:2;transition:transform 0.6s cubic-bezier(0.175,0.885,0.32,1.275);width:80%;position:relative;height:400px;transform:translateY(0);margin:0 auto;border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,0.5)}.key_mentorship_profile .key_image_shadow::before{z-index:1;background:linear-gradient(to bottom,transparent 70%,rgba(0,0,0,0.5) 100%);height:100%;left:0;content:"";position:absolute;width:100%;top:0}.key_mentorship_profile .key_image_shadow::after{content:"";transition:all 0.8s ease;width:300%;animation:shiftGradient 10s infinite alternate;opacity:0.3;position:absolute;top:-100%;height:300%;mix-blend-mode:overlay;left:-100%;background:linear-gradient(45deg,rgb(144,147,162,0.5) 0%,transparent 40%,transparent 60%,rgb(108,110,122,0.5) 100%)}.key_mentorship_profile .key_work_box{background:#ffffff;transition:transform 0.6s cubic-bezier(0.175,0.885,0.32,1.275) 0.1s;box-shadow:0 20px 50px rgba(0,0,0,0.5);transform:translateY(0);position:relative;margin:-80px auto 0;width:90%;border-radius:18px;z-index:3;padding:2.5rem 2rem 2rem}.key_mentorship_profile .key_work_box::before{border-radius:50%;border:5px solid rgb(181,184,199);transform:translate(-50%,-50%);box-shadow:0 5px 15px rgba(0,0,0,0.5);content:"";top:0;left:50%;position:absolute;z-index:4;background:#ffffff;width:70px;height:70px}.key_mentorship_profile .name{color:rgb(144,147,162);margin-bottom:0.5rem;font-size:36px;font-weight:700;position:relative;text-align:center}.key_mentorship_profile .key_work_box div:nth-child(2){font-weight:600;font-size:19px;text-align:center;color:rgb(108,110,122);margin-bottom:1.5rem;position:relative}.key_mentorship_profile .key_work_box div:nth-child(2)::after{height:3px;background:rgb(144,147,162,0.5);display:block;content:"";margin:1rem auto 0;width:40px}.key_mentorship_profile .key_job_milestones{padding:0 1rem;position:relative;font-style:italic;text-align:center;color:#000000;line-height:1.7;font-size:12px}.key_mentorship_profile .key_job_milestones::before,.key_mentorship_profile .key_job_milestones::after{position:absolute;content:"";font-family:serif;line-height:0;font-size:3rem;color:rgb(144,147,162,0.5)}.key_mentorship_profile .key_job_milestones::before{left:0;transform:rotate(180deg);top:0.5rem}.key_mentorship_profile .key_job_milestones::after{bottom:-0.5rem;right:0}.key_mentorship_profile .key_user_opinions:hover .key_image_shadow{transform:translateY(-20px)}.key_mentorship_profile .key_user_opinions:hover .key_work_box{transform:translateY(20px)}@keyframes shiftGradient {0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} @media screen and (max-width: 767px) {.key_mentorship_profile .key_image_shadow{height:320px;width:90%}.key_mentorship_profile .key_work_box{margin-top:-60px;width:95%;padding:2rem 1.5rem 1.5rem}.key_mentorship_profile .key_work_box::before{height:60px;width:60px}}.key_title_intro{height:100vh;position:relative;width:100%;overflow:hidden}.key_title_intro .key_course_front{align-items:center;position:relative;width:100%;height:100%;justify-content:center;display:flex}.key_title_intro .key_course_front::before{background:linear-gradient(135deg,rgb(144,147,162,0.5) 0%,rgba(0,0,0,0.6) 100%);width:100%;height:100%;content:"";left:0;z-index:1;position:absolute;top:0}.key_title_intro .key_course_front::after{top:0;width:100%;position:absolute;background:repeating-linear-gradient( -45deg,rgb(144,147,162,0.5) 0,rgb(144,147,162,0.5) 1px,transparent 1px,transparent 20px );height:100%;left:0;opacity:0.15;content:"";z-index:2}.key_title_intro .key_story_tl{transform:perspective(1000px) rotateX(2deg);transition:transform 0.5s cubic-bezier(0.34,1.56,0.64,1);width:90%;box-shadow:20px 20px 40px rgba(0,0,0,0.3),inset 2px 2px 6px rgba(255,255,255,0.2),inset -2px -2px 6px rgba(0,0,0,0.2);z-index:5;background:rgba(255,255,255,0.08);clip-path:polygon( 0% 0%,100% 0%,97% 97%,3% 100% );position:relative;backdrop-filter:blur(10px);max-width:850px;padding:3.5rem}.key_title_intro .key_story_tl:hover{transform:perspective(1000px) rotateX(0deg) translateY(-10px);box-shadow:25px 25px 50px rgba(0,0,0,0.4),inset 2px 2px 6px rgba(255,255,255,0.3),inset -2px -2px 6px rgba(0,0,0,0.3)}.key_title_intro h1{margin-bottom:1.5rem;color:#ffffff;opacity:0;transform:translateX(-10px);font-size:calc(45px * 1.1);animation:slideInTitle 0.8s cubic-bezier(0.17,0.67,0.32,1.22) forwards 0.3s;position:relative;font-weight:700;text-shadow:3px 3px 6px rgba(0,0,0,0.4)}.key_title_intro h1::before{content:"";animation:growLine 1.2s cubic-bezier(0.17,0.67,0.32,1.22) forwards 0.8s;transform:scaleX(0);width:80px;top:-10px;left:0;position:absolute;transform-origin:left;background:rgb(144,147,162);height:5px}.key_title_intro h3{transform:translateX(-10px);animation:slideInTitle 0.8s cubic-bezier(0.17,0.67,0.32,1.22) forwards 0.5s;font-weight:600;color:#ffffff;font-size:calc(19px * 1.05);opacity:0;margin-bottom:1.5rem;position:relative;line-height:1.5;padding-left:1rem}.key_title_intro h3::before{left:0;top:0;width:3px;height:100%;opacity:0.7;position:absolute;background:rgb(108,110,122);content:""}.key_title_intro p{opacity:0;max-width:90%;transform:translateX(-10px);position:relative;font-size:calc(12px * 1.1);text-shadow:1px 1px 3px rgba(0,0,0,0.3);animation:slideInTitle 0.8s cubic-bezier(0.17,0.67,0.32,1.22) forwards 0.7s;color:#ffffff;display:inline-block;line-height:1.6}.key_title_intro p::after{transform:scaleX(0);bottom:-10px;background:rgb(144,147,162);transform-origin:right;right:0;opacity:0.7;height:3px;animation:growLine 1.2s cubic-bezier(0.17,0.67,0.32,1.22) forwards 1s;position:absolute;content:"";width:50px}@keyframes slideInTitle {0%{transform:translateX(-20px);opacity:0}100%{transform:translateX(0);opacity:1}} @keyframes growLine {0%{transform:scaleX(0)}100%{transform:scaleX(1)}} @media (max-width: 1200px) {.key_title_intro .key_story_tl{padding:3rem;max-width:780px}.key_title_intro h1{font-size:calc(45px * 1)}} @media (max-width: 992px) {.key_title_intro .key_story_tl{padding:2.5rem;clip-path:polygon( 0% 0%,100% 0%,98% 98%,2% 100% );max-width:700px}.key_title_intro h1{font-size:calc(45px * 0.9)}.key_title_intro h3{font-size:19px}} @media (max-width: 768px) {.key_title_intro .key_story_tl{transform:perspective(1000px) rotateX(1deg);clip-path:polygon( 0% 0%,100% 0%,99% 99%,1% 100% );padding:2rem;width:85%}.key_title_intro h1{margin-bottom:1.2rem;font-size:calc(45px * 0.8)}.key_title_intro h3{margin-bottom:1.2rem;font-size:calc(19px * 0.95)}.key_title_intro p{max-width:100%;font-size:12px}.key_title_intro h1::before{width:60px;height:4px}} @media (max-width: 576px) {.key_title_intro .key_story_tl{clip-path:polygon( 0% 0%,100% 0%,100% 97%,0% 100% );transform:none;width:92%;padding:1.8rem}.key_title_intro .key_story_tl:hover{transform:translateY(-5px)}.key_title_intro h1{font-size:calc(45px * 0.7);margin-bottom:1rem}.key_title_intro h3{padding-left:0.8rem;margin-bottom:1rem;font-size:calc(19px * 0.9)}.key_title_intro p{font-size:calc(12px * 0.95)}.key_title_intro h1::before{height:3px;width:50px;top:-8px}.key_title_intro p::after{height:2px;width:40px}} @media (max-width: 400px) {.key_title_intro .key_story_tl{padding:1.5rem}.key_title_intro h1{font-size:calc(45px * 0.6)}.key_title_intro h3{font-size:calc(19px * 0.85)}.key_title_intro p{font-size:calc(12px * 0.9)}}.key_check_it_out_now{position:relative;padding:120px 0;background:linear-gradient(130deg,rgb(144,147,162) 0%,rgb(108,110,122) 50%,rgb(144,147,162) 100%);z-index:1;animation:gradientFlow 15s ease infinite;overflow:hidden;background-size:200% 200%}.key_check_it_out_now::before{top:0;position:absolute;z-index:-1;width:100%;animation:rotateQuantum 30s linear infinite;height:100%;left:0;content:'';background:repeating-conic-gradient( from 0deg at 50% 50%,transparent 0deg,transparent 10deg,rgba(255,255,255,0.03) 10deg,rgba(255,255,255,0.03) 20deg )}.key_check_it_out_now::after{position:absolute;left:-50%;animation:pulseRadial 10s ease-in-out infinite alternate;background:radial-gradient( ellipse at center,rgba(255,255,255,0.2) 0%,transparent 60% );content:'';z-index:-1;top:-50%;height:200%;opacity:0.1;width:200%}.key_check_it_out_now .key_edu_leadership{background:rgba(255,255,255,0.05);padding:60px 40px;position:relative;border:1px solid rgba(255,255,255,0.1);flex-direction:column;display:flex;max-width:1000px;z-index:2;align-items:center;justify-content:center;box-shadow:0 20px 40px rgba(0,0,0,0.1);backdrop-filter:blur(10px);border-radius:21px;overflow:hidden;margin:0 auto}.key_check_it_out_now .key_edu_leadership::before{position:absolute;z-index:-1;opacity:0.3;animation:pulseGrid 4s linear infinite alternate;background:linear-gradient(90deg,transparent 49.5%,rgba(255,255,255,0.1) 50%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,rgba(255,255,255,0.1) 50%,transparent 50.5%);width:100%;content:'';left:0;top:0;height:100%;background-size:40px 40px}.key_check_it_out_now .key_edu_leadership::after{animation:rotateQuantumGradient 20s linear infinite;z-index:-1;content:'';height:200%;top:-50%;background:conic-gradient( from 0deg at 50% 50%,rgb(144,147,162,0.5) 0deg,rgb(108,110,122,0.5) 120deg,rgb(144,147,162,0.5) 240deg,rgb(108,110,122,0.5) 360deg );position:absolute;opacity:0.1;left:-50%;width:200%}.key_check_it_out_now h3{font-size:29px;text-transform:uppercase;animation:floatTitle 6s ease-in-out infinite;letter-spacing:3px;position:relative;color:#ffffff;text-align:center;margin-bottom:60px;font-weight:700;font-family:Arial,sans-serif;text-shadow:0 0 20px rgba(255,255,255,0.5)}.key_check_it_out_now h3::before{left:50%;content:'';width:80px;background:linear-gradient(to right,transparent,#ffffff,transparent);height:1px;bottom:-20px;transform:translateX(-50%);box-shadow:0 0 10px #ffffff;position:absolute}.key_check_it_out_now h3::after{width:100%;animation:titleScan 3s ease-in-out infinite;top:0;height:100%;background:linear-gradient( 90deg,transparent 0%,rgba(255,255,255,0.1) 50%,transparent 100% );content:'';position:absolute;left:0;opacity:0}.key_check_it_out_now .key_send_feedback{position:relative;z-index:1;background:transparent;color:#ffffff;overflow:hidden;transition:all 0.4s ease;font-weight:600;font-family:Arial,sans-serif;display:inline-block;font-size:16px;padding:18px 45px;letter-spacing:2px;text-transform:uppercase;box-shadow:0 5px 15px rgba(0,0,0,0.2),0 0 10px rgba(255,255,255,0.1);border-radius:21px;border:2px solid rgba(255,255,255,0.5);text-decoration:none}.key_check_it_out_now .key_send_feedback::before{z-index:-1;left:0;content:'';position:absolute;transition:opacity 0.4s ease;height:100%;width:100%;top:0;background:linear-gradient( 170deg,#ffffff 0%,rgba(255,255,255,0.7) 100% );opacity:0}.key_check_it_out_now .key_send_feedback::after{z-index:2;left:-100px;background:linear-gradient( to right,transparent,rgba(255,255,255,0.7),transparent );position:absolute;height:200%;top:-50%;transform:rotate(35deg);width:20px;transition:all 0.6s ease;content:''}.key_check_it_out_now .key_send_feedback:hover{color:rgb(144,147,162);box-shadow:0 15px 25px rgba(0,0,0,0.3),0 0 20px rgba(255,255,255,0.2);border-color:transparent;transform:translateY(-5px)}.key_check_it_out_now .key_send_feedback:hover::before{opacity:1}.key_check_it_out_now .key_send_feedback:hover::after{left:120%}@media screen and (max-width: 992px) {.key_check_it_out_now{padding:100px 0}.key_check_it_out_now .key_edu_leadership{padding:50px 30px;max-width:90%}.key_check_it_out_now h3{letter-spacing:2.5px;margin-bottom:50px;font-size:calc(29px * 0.9)}.key_check_it_out_now h3::before{width:70px;bottom:-18px}.key_check_it_out_now .key_send_feedback{font-size:calc(16px * 0.95);padding:16px 40px}} @media screen and (max-width: 768px) {.key_check_it_out_now{padding:80px 0}.key_check_it_out_now .key_edu_leadership{padding:40px 25px}.key_check_it_out_now h3{letter-spacing:2px;font-size:calc(29px * 0.8);margin-bottom:45px}.key_check_it_out_now h3::before{bottom:-15px;width:60px}.key_check_it_out_now .key_send_feedback{letter-spacing:1.5px;font-size:calc(16px * 0.9);padding:14px 35px}} @media screen and (max-width: 576px) {.key_check_it_out_now{padding:60px 0}.key_check_it_out_now .key_edu_leadership{padding:30px 20px}.key_check_it_out_now h3{letter-spacing:1.5px;margin-bottom:40px;font-size:calc(29px * 0.7)}.key_check_it_out_now h3::before{bottom:-12px;width:50px}.key_check_it_out_now .key_send_feedback{padding:12px 30px;letter-spacing:1px;font-size:calc(16px * 0.85)}} @keyframes gradientFlow {0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}} @keyframes rotateQuantum {0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} @keyframes pulseRadial {0%{opacity:0.05;transform:scale(1)}50%{opacity:0.1;transform:scale(1.1)}100%{opacity:0.05;transform:scale(1)}} @keyframes pulseGrid {0%{opacity:0.2;background-size:40px 40px}100%{opacity:0.3;background-size:45px 45px}} @keyframes rotateQuantumGradient {0%{transform:rotate(0deg)}100%{transform:rotate(-360deg)}} @keyframes floatTitle {0%,100%{transform:translateY(0);text-shadow:0 0 15px rgba(255,255,255,0.4)}50%{transform:translateY(-10px);text-shadow:0 0 25px rgba(255,255,255,0.6)}} @keyframes titleScan {0%,100%{opacity:0;transform:translateX(-100%)}50%{opacity:0.5;transform:translateX(100%)}}.key_course_candidates{background-color:rgb(181,184,199);position:relative;overflow:hidden;padding:5rem 0}.key_course_candidates::before{z-index:1;height:100%;position:absolute;left:0;background:radial-gradient(circle at 20% 30%,rgb(108,110,122,0.5) 0%,transparent 25%),radial-gradient(circle at 80% 70%,rgb(144,147,162,0.5) 0%,transparent 30%);opacity:0.4;content:'';top:0;width:100%}.key_course_candidates::after{content:'';height:200%;opacity:0.05;top:-50%;width:200%;background:linear-gradient(45deg,transparent 48%,rgb(108,110,122,0.5) 49%,rgb(108,110,122,0.5) 51%,transparent 52%);animation:moveGradient 120s linear infinite;z-index:1;position:absolute;left:-50%;background-size:100px 100px}.key_course_candidates .key_edu_leadership{z-index:2;box-shadow:0 20px 40px rgba(0,0,0,0.1),0 0 80px rgb(108,110,122,0.5);margin:0 auto;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.1);position:relative;padding:3rem;max-width:1100px;border-radius:11px;backdrop-filter:blur(12px)}.key_course_candidates h3{letter-spacing:1px;font-size:30px;font-weight:600;margin-bottom:3.5rem;text-align:center;color:#000000;position:relative}.key_course_candidates h3::before{top:-30px;background:rgb(108,110,122);position:absolute;border-radius:50px;width:60px;height:5px;transform:translateX(-50%);left:50%;content:''}.key_course_candidates h3::after{height:1px;background:linear-gradient(90deg,transparent,rgb(108,110,122),transparent);position:absolute;transform:translateX(-50%);width:40%;left:50%;content:'';bottom:-15px}.key_course_candidates ul{flex-direction:column;gap:2rem;margin:0;display:flex;padding:0;list-style:none}.key_course_candidates li{text-align:center;box-shadow:0 10px 30px rgba(0,0,0,0.05),0 1px 3px rgba(0,0,0,0.02),inset 0 0 0 1px rgba(255,255,255,0.4);flex-direction:column;transition:all 0.4s cubic-bezier(0.165,0.84,0.44,1);align-items:center;padding:2.5rem 2rem;display:flex;background-color:rgba(255,255,255,0.7);border-radius:11px;position:relative;overflow:hidden}.key_course_candidates li::before{transition:opacity 0.4s ease;content:'';left:0;opacity:0.3;height:5px;position:absolute;background:linear-gradient(90deg,rgb(108,110,122,0.5),rgb(144,147,162,0.5));top:0;width:100%}.key_course_candidates li::after{position:absolute;left:0;height:100%;transition:opacity 0.5s ease;width:100%;content:'';z-index:-1;background:radial-gradient(circle at center bottom,rgb(108,110,122,0.5) 0%,transparent 70%);bottom:0;opacity:0}.key_course_candidates li:hover{transform:translateY(-8px);box-shadow:0 15px 35px rgba(0,0,0,0.1),0 3px 10px rgba(0,0,0,0.05),inset 0 0 0 1px rgba(255,255,255,0.6)}.key_course_candidates li:hover::before{opacity:1}.key_course_candidates li:hover::after{opacity:0.15}.key_course_candidates li svg{transition:all 0.4s ease;height:60px;filter:drop-shadow(0 3px 6px rgb(108,110,122,0.5));fill:rgb(108,110,122);display:block;margin-bottom:1.5rem;width:60px}.key_course_candidates li:hover svg{transform:scale(1.05);fill:rgb(144,147,162);filter:drop-shadow(0 5px 10px rgb(144,147,162,0.5))}.key_course_candidates li svg path{transition:all 0.4s ease}.key_course_candidates li:hover svg path{fill:rgb(144,147,162)}.key_course_candidates li{line-height:1.6;font-weight:300;font-size:18px;color:#000000;padding-bottom:1rem;position:relative}.key_course_candidates li:nth-child(1){background-color:rgba(255,255,255,0.75)}.key_course_candidates li:nth-child(2){background-color:rgba(255,255,255,0.8)}.key_course_candidates li:nth-child(3){background-color:rgba(255,255,255,0.85)}.key_course_candidates li:nth-child(4){background-color:rgba(255,255,255,0.9)}@keyframes moveGradient {0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} @keyframes float {0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}} @media (min-width: 992px) {.key_course_candidates ul{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.key_course_candidates li:nth-child(even){transform:translateY(20px)}.key_course_candidates li:nth-child(even):hover{transform:translateY(12px)}.key_course_candidates li:nth-child(1),.key_course_candidates li:nth-child(4){animation:float 8s ease-in-out infinite}.key_course_candidates li:nth-child(2),.key_course_candidates li:nth-child(3){animation:float 8s ease-in-out infinite reverse}} @media (max-width: 991px) {.key_course_candidates .key_edu_leadership{padding:2rem}.key_course_candidates h3{margin-bottom:2.5rem;font-size:calc(30px * 0.9)}.key_course_candidates li{padding:2rem 1.5rem}.key_course_candidates li svg{width:50px;margin-bottom:1rem;height:50px}} @media (max-width: 767px) {.key_course_candidates{padding:3rem 0}.key_course_candidates .key_edu_leadership{padding:1.5rem}.key_course_candidates h3{margin-bottom:2rem;font-size:calc(30px * 0.8)}.key_course_candidates h3::before{width:50px;top:-20px}.key_course_candidates h3::after{width:70%}.key_course_candidates ul{gap:1.5rem}.key_course_candidates li{padding:1.5rem 1rem}.key_course_candidates li svg{width:45px;height:45px}}.key_tyFrame{overflow:hidden;perspective:1000px;padding:6rem 0;background:linear-gradient(135deg,rgb(181,184,199) 0%,rgba(rgb(144,147,162,0.5),0.08) 100%);position:relative}.key_tyFrame::before{transform:rotate(-12deg);opacity:0.8;pointer-events:none;content:"";width:200%;top:-50%;height:200%;animation:orbital 30s infinite linear;position:absolute;left:-50%;background:radial-gradient(circle at center,rgba(rgb(108,110,122,0.5),0.03) 0%,transparent 60%)}.key_tyFrame::after{pointer-events:none;height:100%;top:0;background-image:radial-gradient(circle at 10% 20%,rgba(rgb(144,147,162,0.5),0.05) 1px,transparent 2px),radial-gradient(circle at 30% 70%,rgba(rgb(144,147,162,0.5),0.06) 1px,transparent 2px),radial-gradient(circle at 70% 40%,rgba(rgb(144,147,162,0.5),0.05) 1px,transparent 2px),radial-gradient(circle at 90% 80%,rgba(rgb(144,147,162,0.5),0.05) 1px,transparent 2px);opacity:0.4;left:0;background-size:8rem 8rem;position:absolute;content:"";width:100%}.key_tyFrame .container{position:relative;padding:0 1.5rem;margin:0 auto;z-index:1;transform-style:preserve-3d;max-width:1200px}.key_tyFrame .key_edu_leadership{mask-image:linear-gradient( to bottom right,transparent 0%,black 5%,black 95%,transparent 100% );transition:transform 0.6s cubic-bezier(0.19,1,0.22,1);box-shadow:0 15px 35px rgba(rgba(0,0,0,0.5),0.08),0 5px 15px rgba(rgba(0,0,0,0.5),0.05);transform:translateZ(0);display:flex;gap:2.5rem;flex-direction:column;position:relative;padding:3.5rem;overflow:hidden;background:linear-gradient( 145deg,rgba(rgb(255,255,255,0.5),0.95) 0%,rgba(rgb(255,255,255,0.5),0.85) 100% )}.key_tyFrame .key_edu_leadership:hover{transform:translateZ(20px) translateY(-5px)}.key_tyFrame .key_edu_leadership > div:first-child{position:relative;transform:translateZ(10px)}.key_tyFrame .key_edu_leadership > div:first-child::before{left:-3.5rem;top:50%;content:"";transform:translateY(-50%);height:2px;width:2.5rem;background:linear-gradient(90deg,transparent,rgb(144,147,162),transparent);position:absolute}.key_tyFrame .key_edu_leadership > div:last-child{position:relative;transform:translateZ(5px)}.key_tyFrame .key_edu_leadership > div:last-child::after{height:2px;background:linear-gradient(90deg,transparent,rgb(144,147,162),transparent);bottom:2rem;transform:translateY(-50%);content:"";width:2.5rem;position:absolute;right:-3.5rem}.key_tyFrame h5{padding-left:1.5rem;color:#000000;font-size:24px;transform:perspective(1000px) rotateX(0deg);transition:transform 0.5s ease;position:relative;line-height:1.4;font-weight:700;margin:0}.key_tyFrame h5::before{left:0;height:0.5rem;border-radius:50%;top:0.5rem;position:absolute;animation:pulse 3s infinite ease-in-out;background:rgb(144,147,162);box-shadow:0 0 10px rgba(rgb(144,147,162,0.5),0.5);content:"";width:0.5rem}.key_tyFrame a{text-decoration:none;transition:transform 0.4s ease-out;display:block}.key_tyFrame a:hover{transform:translateX(5px)}.key_tyFrame p{border-left:1px solid rgba(rgb(144,147,162,0.5),0.2);font-weight:400;font-size:15px;padding:0 0 0 1.5rem;margin:0;line-height:1.8;color:#000000;position:relative}@media (min-width: 768px) {.key_tyFrame{padding:8rem 0}.key_tyFrame .key_edu_leadership{padding:4.5rem;gap:3rem}.key_tyFrame h5{font-size:calc(24px * 1.1);padding-left:2rem}.key_tyFrame p{padding:0 0 0 2rem;font-size:calc(15px * 1.05)}.key_tyFrame .key_edu_leadership > div:first-child::before{width:4rem}.key_tyFrame .key_edu_leadership > div:last-child::after{width:4rem}} @media (min-width: 992px) {.key_tyFrame{padding:10rem 0}.key_tyFrame .key_edu_leadership{gap:4rem;align-items:center;flex-direction:row}.key_tyFrame .key_edu_leadership > div:first-child{flex:0 0 40%}.key_tyFrame .key_edu_leadership > div:last-child{flex:0 0 60%}.key_tyFrame .key_edu_leadership > div:first-child::before{top:50%;background:linear-gradient(to bottom,transparent,rgb(144,147,162),transparent);height:3rem;left:auto;width:2px;right:-2rem}.key_tyFrame .key_edu_leadership > div:last-child::after{height:3rem;bottom:2rem;width:2px;left:-2rem;right:auto;background:linear-gradient(to bottom,transparent,rgb(144,147,162),transparent)}} @media (min-width: 1200px) {.key_tyFrame .key_edu_leadership{padding:5rem;gap:5rem}.key_tyFrame h5{font-size:calc(24px * 1.2)}.key_tyFrame p{font-size:calc(15px * 1.1)}} @media (max-width: 767px) {.key_tyFrame{padding:4rem 0}.key_tyFrame .key_edu_leadership{padding:2.5rem;gap:2rem}.key_tyFrame h5{font-size:calc(24px * 0.95)}.key_tyFrame .key_edu_leadership > div:first-child::before,.key_tyFrame .key_edu_leadership > div:last-child::after{display:none}} @keyframes pulse {0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:0.7}} @keyframes orbital {0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.key_training_results{padding:150px 0;position:relative;background:linear-gradient(120deg,rgb(181,184,199),#ffffff);perspective:1000px;overflow:hidden}.key_training_results::before{border-radius:50%;width:400px;z-index:1;height:400px;opacity:0.6;right:-100px;top:-100px;content:'';filter:blur(100px);position:absolute;background:rgb(144,147,162,0.5)}.key_training_results::after{height:300px;content:'';filter:blur(80px);z-index:1;position:absolute;opacity:0.5;border-radius:50%;background:rgb(108,110,122,0.5);bottom:-100px;width:300px;left:-100px}.key_training_results .key_edu_leadership{max-width:1300px;margin:0 auto;position:relative;z-index:2;display:flex}.key_training_results .key_image_shadow{transform-style:preserve-3d;box-shadow:30px 30px 80px rgba(0,0,0,0.2);transition:transform 0.6s ease;border-radius:0 100px 100px 0;position:absolute;z-index:3;top:-5%;transform:rotateY(15deg);left:-5%;height:110%;width:42%}.key_training_results .key_image_shadow:hover{transform:rotateY(0deg)}.key_training_results .key_image_shadow::before{position:absolute;inset:0;content:'';border-radius:inherit;z-index:1;background:linear-gradient(135deg,rgb(144,147,162,0.5) 0%,transparent 70%)}.key_training_results .key_text_wrapper{margin-left:auto;width:60%;position:relative;padding-right:20px;z-index:4}.key_training_results h2{width:fit-content;color:#000000;font-weight:700;border-bottom:3px solid rgb(144,147,162);padding-bottom:20px;font-size:32px;margin-bottom:50px;position:relative}.key_training_results h2::after{border-radius:50%;right:0;content:'';width:15px;bottom:-9px;position:absolute;height:15px;background:rgb(144,147,162)}.key_training_results .text_main_holder{transform-style:preserve-3d;display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.key_training_results .text_main_holder > div{z-index:1;flex-direction:column;background:#ffffff;border-radius:10px;gap:15px;box-shadow:0 10px 30px rgba(0,0,0,0.1);display:flex;transition:all 0.4s ease;position:relative;transform-style:preserve-3d;transform:rotateY(-5deg);padding:30px}.key_training_results .text_main_holder > div:nth-child(even){transform:rotateY(5deg)}.key_training_results .text_main_holder > div:hover{box-shadow:0 20px 40px rgba(0,0,0,0.15);z-index:5;transform:rotateY(0) translateZ(20px)}.key_training_results .text_main_holder > div::before{top:0;transition:opacity 0.4s ease;background:linear-gradient(135deg,rgb(144,147,162,0.5) 0%,transparent 80%);z-index:-1;position:absolute;left:0;border-radius:inherit;height:100%;width:100%;content:'';opacity:0}.key_training_results .text_main_holder > div:hover::before{opacity:1}.key_training_results .text_main_holder svg{height:60px;transform:translateZ(10px);transition:transform 0.4s ease;width:60px}.key_training_results .text_main_holder > div:hover svg{transform:translateZ(30px) scale(1.1)}.key_training_results .text_main_holder svg path{fill:rgb(144,147,162);transition:fill 0.3s ease}.key_training_results .text_main_holder > div:hover svg path{fill:rgb(108,110,122)}.key_training_results .text_main_holder p{color:#000000;transform:translateZ(5px);margin:0;line-height:1.6;transition:transform 0.4s ease;font-size:14px}.key_training_results .text_main_holder > div:hover p{transform:translateZ(25px)}@media (max-width: 1200px) {.key_training_results .key_image_shadow{width:35%}.key_training_results .key_text_wrapper{width:65%}} @media (max-width: 992px) {.key_training_results{padding:100px 0}.key_training_results .key_edu_leadership{flex-direction:column;padding:0 20px}.key_training_results .key_image_shadow{height:400px;margin:0 auto 50px;top:0;transform:rotateY(0);width:90%;border-radius:11px;position:relative;left:0}.key_training_results .key_text_wrapper{padding:0;width:100%;margin:0}.key_training_results .text_main_holder{grid-template-columns:1fr}.key_training_results .text_main_holder > div,.key_training_results .text_main_holder > div:nth-child(even){transform:rotateY(0)}} @media (max-width: 576px) {.key_training_results{padding:80px 0}.key_training_results .key_image_shadow{height:300px}.key_training_results h2{margin-bottom:40px;font-size:calc(32px * 0.85)}.key_training_results .text_main_holder > div{padding:20px}.key_training_results .text_main_holder svg{height:50px;width:50px}}footer{z-index:1;position:relative;perspective:1000px}footer::before{position:absolute;right:0;bottom:0;content:"";opacity:0.9;left:0;z-index:-2;background:linear-gradient(135deg,rgb(108,110,122,0.5) 0%,rgb(144,147,162,0.5) 100%);top:0}footer::after{z-index:-1;top:0;content:"";right:0;background:radial-gradient(circle at 20% 20%,transparent 0,transparent 80px,rgba(255,255,255,0.03) 81px),radial-gradient(circle at 80% 40%,transparent 0,transparent 120px,rgba(255,255,255,0.03) 121px),radial-gradient(circle at 40% 70%,transparent 0,transparent 100px,rgba(255,255,255,0.03) 101px);left:0;bottom:0;position:absolute}.key_academy_info{color:#ffffff;position:relative;padding:5rem 0 2.5rem}.key_academy_info::before{content:"";height:20px;position:absolute;left:0;width:100%;background:repeating-linear-gradient( 90deg,rgb(144,147,162) 0px,rgb(144,147,162) 40px,rgb(108,110,122) 40px,rgb(108,110,122) 80px );top:0}.key_academy_info .container{gap:4rem;flex-wrap:wrap;position:relative;justify-content:space-between;display:flex}.key_academy_info .company_holder{background:rgb(144,147,162,0.5);transition:all 0.4s ease;transform:rotateX(5deg);transform-style:preserve-3d;border-radius:0;flex:1 1 380px;position:relative;padding:2rem;box-shadow:0 20px 30px rgba(0,0,0,0.15);border-bottom:6px solid rgb(144,147,162)}.key_academy_info .company_holder:hover{transform:rotateX(0deg)}.key_academy_info .company_holder h3{letter-spacing:1px;margin:0 0 1.5rem;display:inline-block;font-weight:700;color:#ffffff;position:relative;font-size:35px;transform:translateZ(20px)}.key_academy_info .company_holder h3::before{width:30px;left:-10px;height:30px;top:-10px;position:absolute;content:"";border-top:3px solid #ffffff;border-left:3px solid #ffffff}.key_academy_info .company_holder h3::after{bottom:-10px;border-right:3px solid #ffffff;height:30px;border-bottom:3px solid #ffffff;right:-10px;width:30px;content:"";position:absolute}.key_academy_info .key_res_connect{transform:translateZ(10px);padding:1.5rem;line-height:1.6;color:#ffffff;border-radius:10px;font-size:17px;background:rgba(255,255,255,0.1)}.key_academy_info .key_level_up{min-width:400px;flex:1 1 calc(100% - 480px)}.key_academy_info .key_top_know{display:flex;flex-wrap:wrap;gap:3rem}.key_academy_info .key_nav_section{min-width:220px;transform-style:preserve-3d;transition:all 0.4s ease;flex:1 1 calc(50% - 1.5rem);position:relative;transform:rotateX(-5deg)}.key_academy_info .key_nav_section:hover{transform:rotateX(0deg)}.key_academy_info .key_nav_section h5{position:relative;background:rgb(108,110,122,0.5);min-width:200px;margin:0 0 1.5rem;display:inline-block;padding:1rem 1.5rem;box-shadow:0 15px 25px rgba(0,0,0,0.1);font-weight:600;transform:translateZ(15px);font-size:22px;color:#ffffff}.key_academy_info .key_nav_section h5::after{right:0;bottom:-5px;background:rgb(108,110,122);left:0;content:"";position:absolute;height:5px}.key_academy_info .key_nav_section .key_top_know{display:flex;padding:1rem;background:rgba(255,255,255,0.1);flex-direction:column;border-radius:10px;transform:translateZ(5px);gap:1rem}.key_academy_info .key_nav_section .key_top_know a{transition:all 0.3s ease;transform:translateZ(10px);border-radius:10px;font-size:17px;overflow:hidden;text-decoration:none;background:rgba(255,255,255,0.05);color:#ffffff;display:block;position:relative;padding:0.7rem 1rem}.key_academy_info .key_nav_section .key_top_know a::before{transition:all 0.5s ease;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);width:100%;content:"";height:100%;position:absolute;left:-100%;top:0}.key_academy_info .key_nav_section .key_top_know a:hover{background:rgb(108,110,122,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.1);color:#ffffff}.key_academy_info .key_nav_section .key_top_know a:hover::before{left:100%}.key_help_center{background:rgb(108,110,122,0.5);perspective:1000px;margin-top:3rem;transform-style:preserve-3d;position:relative;padding:2rem 0}.key_help_center::before{content:"";left:0;position:absolute;height:20px;transform:rotateX(45deg);width:100%;transform-origin:bottom;top:-20px;background:rgb(108,110,122)}.key_help_center .container{display:flex;align-items:center;justify-content:center}.key_help_center .key_telegram_ref{color:#ffffff;border-radius:50px;font-size:12px;transform:translateZ(5px);box-shadow:0 10px 20px rgba(0,0,0,0.1);text-align:center;background:rgba(255,255,255,0.1);padding:0.8rem 2rem}@media (max-width: 1200px) {.key_academy_info .container{gap:3rem}.key_academy_info .company_holder{flex:1 1 350px}.key_academy_info .key_level_up{flex:1 1 calc(100% - 430px);min-width:350px}.key_academy_info .key_top_know{gap:2rem}} @media (max-width: 992px) {.key_academy_info{padding:4rem 0 2rem}.key_academy_info .container{flex-direction:column;gap:3rem}.key_academy_info .company_holder,.key_academy_info .key_level_up{flex:1 1 100%;min-width:100%}.key_academy_info .key_nav_section{min-width:220px;flex:1 1 calc(50% - 1.5rem)}.key_academy_info .company_holder,.key_academy_info .key_nav_section{transform:none}} @media (max-width: 768px) {.key_academy_info{padding:3.5rem 0 1.5rem}.key_academy_info .key_top_know{gap:1.5rem}.key_academy_info .company_holder h3{font-size:calc(35px - 2px)}.key_academy_info .company_holder h3::before,.key_academy_info .company_holder h3::after{width:20px;height:20px}.key_help_center{margin-top:2rem}.key_help_center::before{height:15px;top:-15px}} @media (max-width: 576px) {.key_academy_info{padding:3rem 0 1rem}.key_academy_info .key_nav_section{min-width:100%;flex:1 1 100%}.key_academy_info .key_top_know{gap:0.7rem}.key_academy_info .key_nav_section .key_top_know a{padding:0.6rem 0.8rem}.key_help_center{margin-top:1.5rem;padding:1.5rem 0}.key_help_center::before{display:none}} @media (max-width: 420px) {.key_academy_info::before{height:10px}.key_academy_info .company_holder h3::before,.key_academy_info .company_holder h3::after{display:none}.key_academy_info .key_nav_section h5{width:100%;min-width:auto}.key_help_center .key_telegram_ref{width:90%;padding:0.7rem 1.5rem}}.key_privacy_hub{margin:0 auto;background:#ffffff;position:relative;box-shadow:0 6px 12px rgba(0,0,0,0.5);font-family:Arial,sans-serif;overflow:hidden;color:#000000;padding:50px;border:2px solid rgba(0,0,0,0.5);max-width:1100px}.key_privacy_hub::before,.key_privacy_hub::after{content:'';z-index:-1;border-radius:50%;position:absolute;background:rgb(108,110,122,0.5)}.key_privacy_hub::before{right:-50px;top:-50px;width:200px;height:200px}.key_privacy_hub::after{height:300px;left:-100px;bottom:-100px;width:300px}.key_privacy_hub h1{font-size:43px;padding-bottom:10px;font-weight:700;color:rgb(144,147,162);margin-bottom:30px;border-bottom:3px dashed rgb(144,147,162);margin-top:20px}.key_privacy_hub h2{border-left:8px double rgb(108,110,122);font-size:29px;padding-left:20px;margin-top:30px;margin-bottom:20px;position:relative;color:rgb(108,110,122);font-weight:600}.key_privacy_hub h2::before{transform:translateY(-50%);content:'';left:-15px;height:10px;top:50%;position:absolute;border-radius:50%;background:rgb(144,147,162);width:10px}.key_privacy_hub ul{border-radius:10px;list-style:none;margin:20px 0;border:1px solid rgb(108,110,122,0.5);padding-left:20px;background:rgb(108,110,122,0.5)}.key_privacy_hub ul li{line-height:1.6;position:relative;padding-left:20px;margin-bottom:10px;font-size:16px}.key_privacy_hub ul li::before{transform:translateY(-50%);content:'•';top:50%;left:0;color:rgb(144,147,162);position:absolute;font-size:1.5em}.key_privacy_hub p,.key_privacy_hub span,.key_privacy_hub div{font-size:16px;background:rgb(144,147,162,0.5);border-left:4px solid rgb(144,147,162,0.5);margin-bottom:20px;line-height:1.8;padding:10px;border-radius:10px;color:#000000}.key_privacy_hub h3,.key_privacy_hub h4,.key_privacy_hub h5,.key_privacy_hub h6{position:relative;border-left:5px solid rgb(144,147,162);padding-left:15px;font-weight:600;margin-bottom:15px;color:rgb(144,147,162);font-size:18px;margin-top:25px}.key_privacy_hub h3::after,.key_privacy_hub h4::after,.key_privacy_hub h5::after,.key_privacy_hub h6::after{width:20px;left:0;content:'';background:rgb(108,110,122);bottom:-5px;position:absolute;height:2px}@media only screen and (max-width: 800px) {.key_privacy_hub{padding:30px}.key_privacy_hub h1{font-size:calc(18px - 4px)}.key_privacy_hub h2{font-size:calc(18px - 3px)}.key_privacy_hub h3,.key_privacy_hub h4,.key_privacy_hub h5,.key_privacy_hub h6{font-size:calc(18px - 2px)}.key_privacy_hub p,.key_privacy_hub span,.key_privacy_hub div,.key_privacy_hub ul li{font-size:calc(16px - 2px)}}header{box-shadow:0 4px 30px rgba(0,0,0,0.2);top:0;z-index:100;width:100%;position:fixed;background:linear-gradient(135deg,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.5) 100%);left:0;border-bottom:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(10px);transition:all 0.5s ease}header::before{left:0;opacity:0.3;width:100%;top:0;position:absolute;background:radial-gradient(circle at 10% 20%,rgb(144,147,162,0.5) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgb(108,110,122,0.5) 0%,transparent 20%);height:100%;z-index:-1;content:"";animation:pulse 15s infinite alternate}header .container{padding:1rem 2rem;position:relative}header .key_top_lead{position:relative;display:flex;z-index:2;align-items:center;justify-content:space-between}header .key_nav_section{display:flex;position:relative;gap:2rem;align-items:center}header .key_nav_section::before{z-index:-1;opacity:0.1;position:absolute;top:-15px;transform:skewX(-15deg);content:"";background:linear-gradient(90deg,transparent 0%,rgb(144,147,162,0.5) 50%,transparent 100%);width:calc(100% + 60px);height:calc(100% + 30px);left:-30px;border-radius:23px}header .key_head_sitewrap{font-family:Arial,sans-serif;text-decoration:none;transition:all 0.3s ease;font-weight:600;font-size:14px;color:#ffffff;position:relative;letter-spacing:0.5px;text-transform:uppercase;padding:0.5rem 0}header .key_head_sitewrap::before{left:0;width:0;height:2px;content:"";background:linear-gradient(to right,rgb(144,147,162),rgb(108,110,122));transition:width 0.3s ease;bottom:0;position:absolute}header .key_head_sitewrap:hover{color:rgb(144,147,162);transform:translateY(-2px)}header .key_head_sitewrap:hover::before{width:100%}header .key_nav_know{text-decoration:none;align-items:center;position:relative;display:flex;z-index:2}header .key_nav_know svg{width:auto;height:40px;filter:drop-shadow(0 0 8px rgba(255,255,255,0.3));transition:all 0.3s ease}header .key_nav_know:hover svg{transform:scale(1.05);filter:drop-shadow(0 0 12px rgb(144,147,162,0.5))}@keyframes pulse {0%,100%{opacity:0.2}50%{opacity:0.4}} @media (max-width: 991px) {header .container{padding:0.8rem 1.5rem}header .key_nav_section{gap:1.5rem}header .key_head_sitewrap{font-size:calc(14px - 1px)}} @media (max-width: 767px) {header{position:relative}header .key_top_lead{gap:1rem;flex-direction:column-reverse;padding:1rem 0}header .key_nav_know{margin-bottom:0.5rem}header .key_nav_section{overflow-x:auto;mask-image:linear-gradient(to right,transparent 0%,#000 5%,#000 95%,transparent 100%);width:100%;padding:0.5rem 0;justify-content:flex-start}header .key_nav_section::before{display:none}header .key_head_sitewrap{padding:0.5rem 1rem;background:rgba(255,255,255,0.05);border-radius:10px;white-space:nowrap}header .key_head_sitewrap::before{display:none}}.key_tariff_feature{position:relative;overflow:hidden;background:rgb(181,184,199);padding:120px 0}.key_tariff_feature::before{width:100%;left:0;background:linear-gradient(135deg,rgb(144,147,162,0.5),rgb(108,110,122,0.5));height:100%;top:0;content:"";z-index:0;position:absolute;opacity:0.08}.key_tariff_feature .container{position:relative;z-index:1;padding:0 15px;margin:0 auto;max-width:1320px}.key_tariff_feature .key_basic_cost{flex-direction:column-reverse;gap:60px;display:flex}.key_tariff_feature .key_learning_deals{text-align:center;max-width:800px;padding:0 20px;margin:0 auto}.key_tariff_feature .key_learning_deals h2{display:inline-block;margin-bottom:20px;font-weight:700;font-size:38px;position:relative;color:#000000}.key_tariff_feature .key_learning_deals h2::after{bottom:-10px;left:50%;border-radius:3px;content:"";width:80px;background:linear-gradient(90deg,rgb(144,147,162),rgb(108,110,122));height:3px;transform:translateX(-50%);position:absolute}.key_tariff_feature .key_training_sub{max-width:600px;color:#000000;margin-top:20px;margin-right:auto;margin-left:auto;line-height:1.7;font-size:16px}.key_tariff_feature .key_edu_rates{width:100%;grid-template-columns:1fr;gap:30px;margin:0 auto;display:grid}.key_tariff_feature .key_skill_plans{z-index:1;position:relative;transition:transform 0.4s cubic-bezier(0.215,0.61,0.355,1);text-decoration:none;display:block}.key_tariff_feature .key_skill_plans:hover{transform:translateY(-8px)}.key_tariff_feature .key_access_rates{overflow:hidden;border-radius:16px;background:linear-gradient(145deg,#f6f6f6,#ffffff);height:100%;display:flex;position:relative;box-shadow:16px 16px 32px rgba(0,0,0,0.05),-16px -16px 32px rgba(255,255,255,0.8);transition:all 0.4s ease;flex-direction:column}.key_tariff_feature .key_skill_plans:hover .key_access_rates{box-shadow:20px 20px 40px rgba(0,0,0,0.08),-8px -8px 24px rgba(255,255,255,1)}.key_tariff_feature .key_trial_rates{flex:1;padding:30px;z-index:2;position:relative}.key_tariff_feature .key_trial_rates h3{padding-bottom:10px;position:relative;font-size:19px;font-weight:600;margin-bottom:15px;display:inline-block;color:#000000}.key_tariff_feature .key_trial_rates h3::after{content:"";width:40px;background:rgb(144,147,162);left:0;transition:width 0.3s ease;border-radius:2px;bottom:0;position:absolute;height:3px}.key_tariff_feature .key_skill_plans:hover .key_trial_rates h3::after{width:60px}.key_tariff_feature .key_discount_tier{color:transparent;background-clip:text !important;-webkit-background-clip:text !important;position:relative;display:inline-block;color:rgb(144,147,162);background:linear-gradient(135deg,rgb(144,147,162),rgb(108,110,122));font-size:1.8rem;margin-bottom:20px;font-weight:700}.key_tariff_feature .key_discount_tier::before{background:linear-gradient(90deg,rgb(144,147,162,0.5),transparent);bottom:-5px;width:100%;left:0;position:absolute;content:"";height:1px}.key_tariff_feature .key_trial_rates p{font-size:calc(16px - 2px);position:relative;margin-bottom:20px;line-height:1.6;overflow-wrap:break-word;color:#000000;word-break:break-word}.key_tariff_feature .key_image_shadow{position:relative;border-radius:0 0 12px 12px;overflow:hidden;height:220px;transition:all 0.5s ease;width:100%}.key_tariff_feature .key_image_shadow::after{left:0;top:0;z-index:1;opacity:0.6;position:absolute;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);right:0;bottom:0;content:"";transition:opacity 0.3s ease}.key_tariff_feature .key_skill_plans:hover .key_image_shadow::after{opacity:0.3}@media (min-width: 768px) {.key_tariff_feature .key_edu_rates{grid-template-columns:repeat(2,1fr)}.key_tariff_feature .key_access_rates{height:100%}.key_tariff_feature .key_image_shadow{height:240px}} @media (min-width: 992px) {.key_tariff_feature{padding:160px 0}.key_tariff_feature .key_basic_cost{flex-direction:row;align-items:center;gap:80px}.key_tariff_feature .key_learning_deals{flex:0 0 30%;text-align:left;padding:0}.key_tariff_feature .key_learning_deals h2{font-size:calc(38px + 4px)}.key_tariff_feature .key_learning_deals h2::after{left:0;transform:none}.key_tariff_feature .key_training_sub{margin-left:0}.key_tariff_feature .key_edu_rates{grid-template-columns:repeat(2,1fr);flex:0 0 70%}} @media (min-width: 1200px) {.key_tariff_feature .key_edu_rates{gap:40px;grid-template-columns:repeat(2,1fr)}.key_tariff_feature .key_trial_rates{padding:40px}.key_tariff_feature .key_image_shadow{height:260px}.key_tariff_feature .key_skill_plans:nth-child(odd){transform:translateY(20px)}.key_tariff_feature .key_skill_plans:nth-child(odd):hover{transform:translateY(12px)}.key_tariff_feature .key_skill_plans:nth-child(even):hover{transform:translateY(-8px)}} @keyframes pulse {0%{box-shadow:0 0 0 0 rgba(var(--primary-color-rgb),0.4)}70%{box-shadow:0 0 0 10px rgba(var(--primary-color-rgb),0)}100%{box-shadow:0 0 0 0 rgba(var(--primary-color-rgb),0)}} @media (prefers-reduced-motion: no-preference) {.key_tariff_feature .key_skill_plans:active .key_access_rates{transform:scale(0.98);transition:transform 0.2s ease}} @media (max-width: 767px) {.key_tariff_feature{padding:80px 0}.key_tariff_feature .key_basic_cost{gap:40px}.key_tariff_feature .key_learning_deals h2{font-size:calc(38px - 4px)}.key_tariff_feature .key_image_shadow{height:200px}.key_tariff_feature .key_trial_rates{padding:25px}.key_tariff_feature .key_discount_tier{font-size:1.5rem}}.key_education_framework{position:relative;background:linear-gradient(135deg,rgb(181,184,199) 0%,#ffffff 100%);perspective:1000px;overflow:hidden;padding:120px 0}.key_education_framework::before{top:0;position:absolute;content:"";width:100%;opacity:0.15;z-index:0;left:0;transform:translateZ(-10px);background:linear-gradient(45deg,rgb(144,147,162,0.5) 0%,transparent 70%);height:100%}.key_education_framework::after{opacity:0.1;z-index:0;position:absolute;height:200%;width:70%;transform:rotate(-15deg);right:-20%;top:-50%;animation:gradientShift 15s infinite alternate ease-in-out;content:"";background:linear-gradient(170deg,rgb(108,110,122,0.5) 10%,transparent 60%)}.key_education_framework .container.key_edu_leadership{transform-style:preserve-3d;z-index:2;position:relative}.key_education_framework .container.key_edu_leadership > div{padding:3rem;transition:transform 0.5s cubic-bezier(0.19,1,0.22,1);background:#ffffff;box-shadow:0 20px 50px rgba(0,0,0,0.08),0 5px 15px rgba(0,0,0,0.05),0 0 0 1px rgba(0,0,0,0.02);position:relative;transform:translateZ(40px)}.key_education_framework .container.key_edu_leadership > div::before{position:absolute;top:-10px;z-index:-1;content:"";transition:all 0.5s ease;transform:translateZ(-10px);width:100%;height:100%;left:-10px;opacity:0.15;background:linear-gradient(45deg,rgb(144,147,162) 0%,rgb(108,110,122) 100%)}.key_education_framework .container.key_edu_leadership > div:hover{transform:translateZ(50px) translateY(-5px)}.key_education_framework .container.key_edu_leadership > div:hover::before{opacity:0.25;transform:translateZ(-15px) scale(1.05)}.key_education_framework h3{transform:translateZ(10px);margin-bottom:1.5rem;font-size:calc(28px * 0.9);position:relative;color:#000000;font-weight:700}.key_education_framework h3::after{content:"";transform:scaleX(1) translateZ(5px);background:linear-gradient(90deg,rgb(144,147,162) 0%,rgb(108,110,122) 100%);position:absolute;transform-origin:left center;bottom:-12px;width:80px;height:3px;left:0;transition:transform 0.4s cubic-bezier(0.165,0.84,0.44,1)}.key_education_framework .container.key_edu_leadership > div:hover h3::after{transform:scaleX(1.5) translateZ(5px)}.key_education_framework p{margin-bottom:0;color:#000000;font-size:12px;position:relative;transform:translateZ(5px);line-height:1.8}.key_education_framework p span{position:relative;border-left:2px solid rgb(108,110,122,0.5);display:block;padding-left:10px}@keyframes gradientShift {0%{opacity:0.05;transform:rotate(-15deg) translateX(5%) translateY(2%)}100%{opacity:0.15;transform:rotate(-12deg) translateX(0%) translateY(0%)}} @media (max-width: 991px) {.key_education_framework{padding:80px 0}.key_education_framework h3{font-size:calc(28px * 0.8)}.key_education_framework .container.key_edu_leadership > div{padding:2.5rem;transform:translateZ(20px)}} @media (max-width: 767px) {.key_education_framework{padding:60px 0}.key_education_framework h3{font-size:calc(28px * 0.7)}.key_education_framework p{line-height:1.7;font-size:calc(12px * 0.95)}.key_education_framework .container.key_edu_leadership > div{transform:translateZ(10px);padding:2rem}.key_education_framework .container.key_edu_leadership > div:hover{transform:translateZ(15px) translateY(-3px)}} @media (max-width: 480px) {.key_education_framework{padding:50px 0}.key_education_framework h3{margin-bottom:1.2rem;font-size:calc(28px * 0.6)}.key_education_framework h3::after{bottom:-8px;width:60px;height:2px}.key_education_framework p{line-height:1.6;font-size:calc(12px * 0.9)}.key_education_framework .container.key_edu_leadership > div{transform:translateZ(5px);padding:1.5rem}.key_education_framework .container.key_edu_leadership > div:hover{transform:translateZ(8px) translateY(-2px)}.key_education_framework p span{padding-left:8px;border-left-width:1px}}.key_trackingNoticeDialog{box-shadow:0 -2px 10px rgba(0,0,0,0.3);z-index:90;background:rgb(108,110,122);position:fixed;bottom:0;width:100%;border-top:3px solid rgb(144,147,162);padding:15px 20px}.key_privacy_learn{flex-wrap:wrap;justify-content:space-between;display:flex;align-items:center}.key_track_toggle{flex-shrink:0;margin-right:20px}.key_track_toggle svg{fill:rgb(144,147,162);width:50px;height:50px}.key_cookie_verify{display:flex;max-width:600px;flex-direction:column;justify-content:center}.key_trackingNoticeDialog h5{font-size:19px;font-weight:700;color:#ffffff;margin-bottom:10px}.key_trackingNoticeDialog p{font-size:16px;color:#000000;line-height:1.5}.key_cookie_tips{flex-shrink:0;text-align:center;border:2px solid rgb(144,147,162);min-width:150px;transition:none;text-decoration:none;font-size:16px;border-radius:10px;margin-left:10px;cursor:pointer;color:#ffffff;background:rgb(144,147,162);padding:10px 20px}.key_cookie_tips:hover{background:rgb(144,147,162,0.5);border-color:rgb(144,147,162,0.5)}.key_trackingNoticeDialog p a{border-bottom:2px solid rgb(144,147,162);color:rgb(144,147,162);text-decoration:none}.key_trackingNoticeDialog p a:hover{border-bottom-color:rgb(108,110,122);color:rgb(108,110,122)}@media only screen and (max-width: 1200px) {.key_trackingNoticeDialog{padding:15px}} @media only screen and (max-width: 800px) {.key_track_toggle{display:none}.key_privacy_learn{align-items:center;justify-content:center;flex-direction:column}.key_trackingNoticeDialog h5,.key_trackingNoticeDialog p{text-align:center}.key_cookie_verify{margin-bottom:15px}.key_cookie_tips{margin-top:10px;margin-left:0}} #key_cookieWarningWindow{display:none}#key_cookieWarningWindow:checked ~ .key_trackingNoticeDialog{visibility:hidden;opacity:0}.key_contact_panel{position:relative;z-index:1;padding:120px 0;background:linear-gradient(180deg,rgb(181,184,199) 0%,rgb(108,110,122,0.5) 100%);overflow:hidden}.key_contact_panel::before{animation:scanlines 10s linear infinite;top:0;z-index:0;background-size:100% 15px;position:absolute;height:100%;left:0;background:linear-gradient(0deg,transparent 40%,rgba(0,0,0,0.05) 60%,transparent 80%);content:'';width:100%;pointer-events:none}.key_contact_panel::after{background:radial-gradient(1px at 30% 20%,rgb(144,147,162,0.5) 0%,transparent 50%),radial-gradient(1px at 70% 40%,rgb(108,110,122,0.5) 0%,transparent 50%),radial-gradient(1px at 40% 60%,rgb(144,147,162,0.5) 0%,transparent 50%),radial-gradient(1px at 60% 80%,rgb(108,110,122,0.5) 0%,transparent 50%);height:100%;pointer-events:none;position:absolute;z-index:0;width:100%;left:0;content:'';opacity:0.4;background-size:150px 150px,200px 200px,100px 100px,250px 250px;top:0}.key_contact_panel .key_image_shadow{z-index:0;filter:grayscale(100%) contrast(150%);opacity:0.08;position:absolute;width:100%;left:0;mix-blend-mode:overlay;height:100%;top:0}.key_contact_panel .container{padding:0 20px;max-width:1200px;margin:0 auto;z-index:2;position:relative}.key_contact_panel h3{perspective:800px;text-align:center;font-family:Arial,sans-serif;position:relative;font-weight:700;color:#000000;text-transform:uppercase;font-size:32px;letter-spacing:3px;margin-bottom:60px}.key_contact_panel h3::before{letter-spacing:5px;left:50%;font-size:calc(32px - 10px);position:absolute;top:-10px;color:rgb(108,110,122,0.5);opacity:0.4;content:attr(id);transform:translateX(-50%)}.key_contact_panel h3::after{background:linear-gradient(90deg,transparent,rgb(144,147,162),transparent);bottom:-15px;height:1px;position:absolute;content:'';transform:translateX(-50%);width:100px;left:50%}.key_contact_panel .key_feedback_help{grid-template-columns:1.5fr 1fr;transform:perspective(1000px) rotateX(0deg);position:relative;border:1px solid rgba(255,255,255,0.1);box-shadow:0 20px 50px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05),0 0 20px rgb(144,147,162,0.5) inset;transform-style:preserve-3d;transition:transform 0.5s ease;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);display:grid;overflow:hidden;border-radius:28px}.key_contact_panel .key_feedback_help:hover{transform:perspective(1000px) rotateX(2deg)}.key_contact_panel .key_feedback_help::before{z-index:-1;left:-2px;content:'';top:-2px;bottom:-2px;animation:border-flow 6s linear infinite;background:linear-gradient(45deg,rgb(144,147,162,0.5),transparent,rgb(108,110,122,0.5),transparent);position:absolute;border-radius:calc(28px + 2px);right:-2px}.key_contact_panel .key_feedback_help::after{left:0;position:absolute;background:linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,0.03) 1px,transparent 1px);pointer-events:none;background-size:20px 20px;width:100%;height:100%;top:0;content:''}.key_contact_panel .key_feedback_card{background:#ffffff;padding:60px;position:relative;overflow:hidden}.key_contact_panel .key_feedback_card::before{top:0;height:3px;background:linear-gradient(90deg,rgb(144,147,162),rgb(108,110,122));position:absolute;width:100%;left:0;content:''}.key_contact_panel .key_feedback_card::after{height:100%;right:0;position:absolute;top:0;background:linear-gradient(90deg,transparent,rgba(0,0,0,0.01));pointer-events:none;width:50%;content:''}.key_contact_panel .key_feedback_card #contact{z-index:2;position:relative}.key_contact_panel .key_feedback_card h3{text-align:left;font-size:22px;color:#000000;margin-bottom:40px;letter-spacing:2px;font-weight:600;text-transform:uppercase}.key_contact_panel .key_feedback_card h3::before{display:none}.key_contact_panel .key_feedback_card h3::after{left:0;background:rgb(144,147,162);transform:none;height:2px;width:50px}.key_contact_panel .key_feedback_card input[type="text"],.key_contact_panel .key_feedback_card textarea{border-bottom:1px solid rgba(0,0,0,0.1);padding:20px 25px;border-radius:0;font-size:12px;color:#000000;box-shadow:none;position:relative;font-family:Arial,sans-serif;width:100%;transition:all 0.3s ease;background-color:transparent;border:none;margin-bottom:25px}.key_contact_panel .key_feedback_card input[type="text"]::placeholder,.key_contact_panel .key_feedback_card textarea::placeholder{transition:opacity 0.3s ease;opacity:0.6;color:#000000}.key_contact_panel .key_feedback_card input[type="text"]:focus::placeholder,.key_contact_panel .key_feedback_card textarea:focus::placeholder{opacity:0.3}.key_contact_panel .key_feedback_card input[type="text"]:focus,.key_contact_panel .key_feedback_card textarea:focus{background-color:rgba(0,0,0,0.01);border-bottom-color:rgb(144,147,162);outline:none}.key_contact_panel .key_feedback_card textarea{resize:vertical;min-height:150px;transition:height 0.3s ease;overflow:hidden}.key_contact_panel .key_feedback_card .key_query_reach{align-items:flex-start;display:flex;margin-bottom:30px}.key_contact_panel .key_feedback_card .key_query_reach input[type="checkbox"]{position:absolute;opacity:0}.key_contact_panel .key_feedback_card .key_query_reach label{position:relative;cursor:pointer;font-size:calc(12px - 2px);line-height:1.6;color:#000000;padding-left:40px}.key_contact_panel .key_feedback_card .key_query_reach label::before{background-color:transparent;left:0;content:'';border:1px solid rgba(0,0,0,0.1);transition:all 0.3s ease;position:absolute;height:25px;width:25px;top:0}.key_contact_panel .key_feedback_card .key_query_reach label::after{border-right:2px solid #ffffff;position:absolute;opacity:0;transform:rotate(45deg) scale(0);height:12px;border-bottom:2px solid #ffffff;content:'';top:5px;left:9px;transition:all 0.3s ease;width:7px}.key_contact_panel .key_feedback_card .key_query_reach input[type="checkbox"]:checked + label::before{border-color:rgb(144,147,162);background-color:rgb(144,147,162)}.key_contact_panel .key_feedback_card .key_query_reach input[type="checkbox"]:checked + label::after{opacity:1;transform:rotate(45deg) scale(1)}.key_contact_panel .key_feedback_card .key_query_reach a{font-weight:600;padding-bottom:2px;transition:color 0.3s ease;color:rgb(144,147,162);text-decoration:none;border-bottom:1px solid transparent}.key_contact_panel .key_feedback_card .key_query_reach a:hover{border-bottom-color:rgb(108,110,122);color:rgb(108,110,122)}.key_contact_panel .key_feedback_card .key_support_query{font-size:18px;padding:18px 40px;color:#000000;overflow:hidden;border:1px solid rgb(144,147,162);background-color:transparent;position:relative;display:inline-block;letter-spacing:2px;text-transform:uppercase;font-weight:600;z-index:1;transition:all 0.4s cubic-bezier(0.23,1,0.32,1);cursor:pointer}.key_contact_panel .key_feedback_card .key_support_query::before{top:0;height:100%;left:0;background:rgb(144,147,162);transition:transform 0.4s cubic-bezier(0.23,1,0.32,1);width:100%;content:'';transform:scaleX(0);z-index:-1;position:absolute;transform-origin:right}.key_contact_panel .key_feedback_card .key_support_query:hover::before{transform:scaleX(1);transform-origin:left}.key_contact_panel .key_help_info{background:linear-gradient(135deg,rgb(144,147,162) 0%,rgb(108,110,122) 100%);position:relative;padding:60px;overflow:hidden}.key_contact_panel .key_help_info::before{position:absolute;width:100%;left:0;content:'';background-size:20px 20px;background:linear-gradient(45deg,rgba(0,0,0,0.2) 25%,transparent 25%) -10px 0,linear-gradient(135deg,rgba(0,0,0,0.2) 25%,transparent 25%) -10px 0,linear-gradient(45deg,transparent 75%,rgba(0,0,0,0.2) 75%) -10px 0,linear-gradient(135deg,transparent 75%,rgba(0,0,0,0.2) 75%) -10px 0;top:0;height:100%;z-index:0;opacity:0.1}.key_contact_panel .key_help_info::after{height:200%;position:absolute;left:-50%;content:'';z-index:0;animation:pulse-light 10s infinite;width:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 60%);top:-50%}.key_contact_panel .key_help_info h4{color:#ffffff;font-weight:600;text-transform:uppercase;font-size:22px;margin-bottom:40px;letter-spacing:2px;z-index:1;position:relative}.key_contact_panel .key_help_info h4::after{width:50px;position:absolute;left:0;background:#ffffff;height:2px;content:'';bottom:-10px}.key_contact_panel .key_help_info .key_feedback_feedback{margin:0;list-style:none;z-index:1;padding:0;position:relative}.key_contact_panel .key_help_info .key_feedback_feedback li{display:flex;padding:15px 0;position:relative;margin-bottom:30px;transition:transform 0.3s ease;align-items:flex-start}.key_contact_panel .key_help_info .key_feedback_feedback li:hover{transform:translateX(10px)}.key_contact_panel .key_help_info .key_feedback_feedback li::before{height:1px;transition:width 0.3s ease;left:0;background:rgba(255,255,255,0.3);position:absolute;width:0;content:'';top:0}.key_contact_panel .key_help_info .key_feedback_feedback li:hover::before{width:100%}.key_contact_panel .key_help_info .key_feedback_feedback li::after{width:0;transition:width 0.3s ease;content:'';background:rgba(255,255,255,0.3);position:absolute;bottom:0;height:1px;right:0}.key_contact_panel .key_help_info .key_feedback_feedback li:hover::after{width:100%}.key_contact_panel .key_help_info .key_feedback_feedback li svg{height:24px;width:24px;flex-shrink:0;margin-right:20px}.key_contact_panel .key_help_info .key_feedback_feedback li svg path{fill:#ffffff;transition:fill 0.3s ease}.key_contact_panel .key_help_info .key_feedback_feedback li span{font-size:12px;color:#ffffff;line-height:1.5}.key_contact_panel .key_help_info .key_feedback_feedback li a{position:relative;transition:all 0.3s ease;text-decoration:none;color:#ffffff}.key_contact_panel .key_help_info .key_feedback_feedback li a::before{transition:transform 0.3s ease;bottom:-2px;background:#ffffff;content:'';left:0;transform:scaleX(0);width:100%;height:1px;position:absolute;transform-origin:right}.key_contact_panel .key_help_info .key_feedback_feedback li a:hover{text-shadow:0 0 5px rgba(255,255,255,0.5)}.key_contact_panel .key_help_info .key_feedback_feedback li a:hover::before{transform-origin:left;transform:scaleX(1)}@keyframes scanlines {0%{background-position:0 0}100%{background-position:0 100%}} @keyframes border-flow {0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}} @keyframes pulse-light {0%,100%{transform:translate(0,0);opacity:0.5}25%{transform:translate(10%,10%);opacity:0.3}50%{transform:translate(0%,20%);opacity:0.5}75%{transform:translate(-10%,10%);opacity:0.3}} @media (max-width: 992px) {.key_contact_panel{padding:80px 0}.key_contact_panel .container{padding:0 20px}.key_contact_panel .key_feedback_help{grid-template-columns:1fr}.key_contact_panel .key_feedback_card,.key_contact_panel .key_help_info{padding:40px}} @media (max-width: 768px) {.key_contact_panel{padding:60px 0}.key_contact_panel h3{font-size:calc(32px - 4px);margin-bottom:40px}.key_contact_panel .key_feedback_card h3,.key_contact_panel .key_help_info h4{font-size:calc(22px - 2px);margin-bottom:30px}.key_contact_panel .key_feedback_card input[type="text"],.key_contact_panel .key_feedback_card textarea{margin-bottom:20px;padding:15px 20px}.key_contact_panel .key_feedback_card .key_support_query{padding:15px 30px}} @media (max-width: 576px) {.key_contact_panel{padding:40px 0}.key_contact_panel .key_feedback_card,.key_contact_panel .key_help_info{padding:30px 20px}.key_contact_panel h3{letter-spacing:2px;font-size:calc(32px - 6px)}.key_contact_panel .key_feedback_card .key_query_reach label{font-size:calc(12px - 3px)}}.key_who_we_are{padding:120px 0;position:relative;overflow:hidden;background:rgb(181,184,199)}.key_who_we_are::before{height:100%;left:0;width:100%;position:absolute;top:0;background:radial-gradient( ellipse at top left,rgb(144,147,162,0.5) 0%,transparent 50% ),radial-gradient( ellipse at bottom right,rgb(108,110,122,0.5) 0%,transparent 50% );z-index:0;content:""}.key_who_we_are::after{background-image:linear-gradient(45deg,rgba(0,0,0,0.5) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,0.5) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,0.5) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,0.5) 75%);width:100%;animation:movePattern 20s linear infinite;z-index:1;content:"";height:100%;opacity:0.05;left:0;background-position:0 0,0 30px,30px -30px,-30px 0px;background-size:60px 60px;position:absolute;top:0}.key_who_we_are .container{z-index:2;margin:0 auto;position:relative;padding:0 25px;max-width:1200px}.key_who_we_are .key_edu_leadership{gap:50px;display:flex;flex-wrap:wrap;position:relative}.key_who_we_are h3{position:relative;width:100%;font-weight:700;font-size:47px;color:#000000;margin-bottom:60px;overflow:hidden;text-align:left}.key_who_we_are h3::after{height:3px;width:0;background:linear-gradient(90deg,rgb(144,147,162),rgb(108,110,122));left:0;content:"";animation:lineExpand 1.5s forwards;position:absolute;bottom:-5px}.key_who_we_are .key_knowledge_growth{display:flex;z-index:2;flex-direction:column;flex:1;padding:40px;position:relative;box-shadow:0 20px 40px rgba(0,0,0,0.08);min-width:300px;transition:all 0.4s ease;background:#ffffff}.key_who_we_are .key_knowledge_growth::before{background:rgb(144,147,162);right:10px;content:"";height:20px;clip-path:polygon(0 0,100% 0,100% 100%);opacity:0.8;width:20px;z-index:1;position:absolute;top:10px}.key_who_we_are .key_knowledge_growth::after{clip-path:polygon(0 0,0 100%,100% 100%);height:20px;z-index:1;bottom:10px;left:10px;content:"";opacity:0.8;position:absolute;width:20px;background:rgb(108,110,122)}.key_who_we_are .key_knowledge_growth span{padding:5px 15px;position:relative;transform:translateX(-15px);display:inline-block;font-size:18px;color:rgb(144,147,162);margin-bottom:15px;font-weight:600;background:linear-gradient(to right,rgb(144,147,162,0.5),transparent)}.key_who_we_are .key_knowledge_growth p{font-size:16px;margin-bottom:30px;color:#000000;line-height:1.7}.key_who_we_are .key_knowledge_growth .key_image_shadow{border-radius:10px;overflow:hidden;transition:transform 0.5s cubic-bezier(0.175,0.885,0.32,1.275);height:280px;box-shadow:0 10px 20px rgba(0,0,0,0.1);position:relative}.key_who_we_are .key_knowledge_growth .key_image_shadow::before{left:0;position:absolute;height:100%;z-index:1;opacity:0;content:"";top:0;width:100%;background:rgb(144,147,162,0.5);transition:opacity 0.5s ease}.key_who_we_are .key_knowledge_growth:hover .key_image_shadow{transform:scale(1.03)}.key_who_we_are .key_knowledge_growth:hover .key_image_shadow::before{opacity:0.2}.key_who_we_are .key_knowledge_studio{min-width:300px;flex:1;position:relative;transition:all 0.4s ease;box-shadow:0 20px 40px rgba(0,0,0,0.08);padding:40px;background:#ffffff;z-index:2}.key_who_we_are .key_knowledge_studio::before{left:10px;background:rgb(108,110,122);top:10px;z-index:1;content:"";opacity:0.8;width:20px;height:20px;position:absolute;clip-path:polygon(0 0,100% 0,0 100%)}.key_who_we_are .key_knowledge_studio::after{background:rgb(144,147,162);bottom:10px;width:20px;content:"";right:10px;clip-path:polygon(100% 0,100% 100%,0 100%);z-index:1;position:absolute;height:20px;opacity:0.8}.key_who_we_are .key_knowledge_studio p{margin-bottom:40px;padding:20px;color:#000000;border-radius:10px;position:relative;line-height:1.7;background:linear-gradient(to bottom,rgb(108,110,122,0.5),transparent);font-size:16px}.key_who_we_are .key_knowledge_studio .key_learn_sessions{margin:0 auto;overflow:hidden;transition:all 0.5s ease;border-radius:0;position:relative;clip-path:polygon( 20% 0%,80% 0%,100% 20%,100% 80%,80% 100%,20% 100%,0% 80%,0% 20% );box-shadow:0 15px 25px rgba(0,0,0,0.15);height:180px;width:180px}.key_who_we_are .key_knowledge_studio .key_learn_sessions::before{background:linear-gradient( -45deg,rgb(108,110,122,0.5),transparent 60% );inset:0;content:"";z-index:1;transition:opacity 0.5s ease;opacity:0.6;position:absolute}.key_who_we_are .key_knowledge_studio .key_learn_sessions::after{content:"";box-shadow:inset 0 0 0 2px rgb(108,110,122);position:absolute;z-index:2;clip-path:polygon( 25% 5%,75% 5%,95% 25%,95% 75%,75% 95%,25% 95%,5% 75%,5% 25% );opacity:0.5;transition:all 0.5s ease;inset:0}.key_who_we_are .key_knowledge_studio:hover .key_learn_sessions::after{opacity:1;clip-path:polygon( 20% 0%,80% 0%,100% 20%,100% 80%,80% 100%,20% 100%,0% 80%,0% 20% )}.key_who_we_are .key_knowledge_growth:hover,.key_who_we_are .key_knowledge_studio:hover{box-shadow:0 30px 60px rgba(0,0,0,0.12);transform:translateY(-10px)}@keyframes lineExpand {from{width:0}to{width:100px}} @keyframes movePattern {0%{background-position:0 0,0 30px,30px -30px,-30px 0px}100%{background-position:60px 60px,60px 90px,90px 30px,30px 60px}} @media (max-width: 1100px) {.key_who_we_are{padding:90px 0}.key_who_we_are .key_edu_leadership{align-items:center;flex-direction:column}.key_who_we_are h3{font-size:calc(47px * 0.9);text-align:center}.key_who_we_are h3::after{transform:translateX(-50%);left:50%}.key_who_we_are .key_knowledge_growth,.key_who_we_are .key_knowledge_studio{width:100%;max-width:600px}} @media (max-width: 768px) {.key_who_we_are{padding:70px 0}.key_who_we_are h3{font-size:calc(47px * 0.8);margin-bottom:40px}.key_who_we_are .key_knowledge_growth,.key_who_we_are .key_knowledge_studio{padding:30px}.key_who_we_are .key_knowledge_growth .key_image_shadow{height:240px}.key_who_we_are .key_knowledge_growth span{font-size:calc(18px * 0.9)}.key_who_we_are .key_knowledge_studio .key_learn_sessions{height:160px;width:160px}} @media (max-width: 576px) {.key_who_we_are{padding:50px 0}.key_who_we_are .container{padding:0 20px}.key_who_we_are h3{font-size:calc(47px * 0.7);margin-bottom:30px}.key_who_we_are .key_knowledge_growth,.key_who_we_are .key_knowledge_studio{clip-path:none;padding:25px}.key_who_we_are .key_knowledge_growth .key_image_shadow{height:200px}.key_who_we_are .key_knowledge_studio p{padding:15px}.key_who_we_are .key_knowledge_studio .key_learn_sessions{height:140px;width:140px}}.key_program_details{padding:120px 0;overflow:hidden;background:linear-gradient(135deg,rgb(181,184,199) 0%,rgba(240,242,245,0.9) 100%);position:relative}.key_program_details::before{filter:blur(40px);animation:float 15s infinite alternate ease-in-out;position:absolute;top:-100px;opacity:0.3;height:300px;border-radius:50%;background:linear-gradient(45deg,rgb(144,147,162,0.5) 0%,rgb(108,110,122,0.5) 100%);content:"";transform:translateZ(0);right:-100px;width:300px}.key_program_details::after{transform:translateZ(0);height:200px;background:linear-gradient(-45deg,rgb(108,110,122,0.5) 0%,rgb(144,147,162,0.5) 100%);content:"";filter:blur(30px);width:200px;opacity:0.2;position:absolute;animation:morph 20s infinite alternate ease-in-out;bottom:-50px;border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;left:-50px}.key_program_details .container{padding:0 20px;position:relative;z-index:1;max-width:1200px;margin:0 auto}.key_program_details .key_learn_explore{display:grid;grid-template-columns:1fr;transform:translateZ(0);gap:40px}.key_program_details .key_image_shadow{transition:transform 0.6s cubic-bezier(0.19,1,0.22,1);overflow:hidden;height:350px;box-shadow:0 20px 40px rgba(0,0,0,0.1);position:relative;transform:perspective(1000px) rotateY(-2deg) translateZ(0)}.key_program_details .key_image_shadow::before{content:"";inset:0;z-index:1;background:linear-gradient(to top,rgba(0,0,0,0.5),transparent 60%);position:absolute}.key_program_details .key_image_shadow::after{transform:rotate(25deg);content:"";animation:shimmer 5s infinite linear;width:200%;left:-50%;position:absolute;height:200%;pointer-events:none;background:linear-gradient( 45deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0) 100% );top:-50%}.key_program_details .key_text_wrapper{position:relative;transform:perspective(1000px) rotateY(2deg) translateZ(0);box-shadow:0 10px 30px rgba(0,0,0,0.05);padding:30px;background:#ffffff;transition:transform 0.6s cubic-bezier(0.19,1,0.22,1)}.key_program_details .key_text_wrapper::before{position:absolute;background:linear-gradient(to bottom,rgb(144,147,162),rgb(108,110,122));content:"";transition:transform 0.4s ease;transform-origin:center;top:0;width:4px;height:100%;left:0;transform:scaleY(0.7)}.key_program_details .key_text_wrapper:hover::before{transform:scaleY(1)}.key_program_details h3{color:#000000;z-index:1;font-family:Arial,sans-serif;margin-bottom:24px;position:relative;transform:translateX(0);font-weight:700;transition:transform 0.4s ease;font-size:calc(20px + 0.2rem)}.key_program_details h3::after{background:rgb(144,147,162,0.5);z-index:-1;opacity:0;content:"";transform:translateY(-50%);transition:opacity 0.4s ease,left 0.4s ease;width:8px;height:30%;top:50%;left:-10px;position:absolute}.key_program_details .key_text_wrapper:hover h3{transform:translateX(10px)}.key_program_details .key_text_wrapper:hover h3::after{opacity:1;left:-5px}.key_program_details .description{line-height:1.7;position:relative;font-size:15px;color:#000000;margin-bottom:20px;font-family:Arial,sans-serif}.key_program_details p.description{overflow-y:auto;max-height:300px;display:block;padding-right:15px;scrollbar-width:thin;scrollbar-color:rgb(144,147,162,0.5) rgb(181,184,199)}.key_program_details p.description::-webkit-scrollbar{width:5px}.key_program_details p.description::-webkit-scrollbar-track{border-radius:10px;background:rgb(181,184,199)}.key_program_details p.description::-webkit-scrollbar-thumb{background-color:rgb(144,147,162,0.5);border-radius:10px}.key_program_details span.description{display:none}@keyframes float {0%{transform:translateY(0) rotate(0deg)}100%{transform:translateY(-30px) rotate(10deg)}} @keyframes morph {0%{border-radius:30% 70% 70% 30% / 30% 30% 70% 70%}25%{border-radius:50% 50% 30% 70% / 60% 40% 60% 40%}50%{border-radius:70% 30% 50% 50% / 40% 60% 40% 60%}75%{border-radius:40% 60% 60% 40% / 70% 30% 70% 30%}100%{border-radius:30% 70% 70% 30% / 30% 30% 70% 70%}} @keyframes shimmer {0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}} @media (min-width: 768px) {.key_program_details .key_learn_explore{gap:50px;align-items:center;grid-template-columns:1fr 1fr}.key_program_details .key_image_shadow{transform:perspective(1000px) rotateY(-5deg) translateZ(0);height:450px}.key_program_details .key_text_wrapper{transform:perspective(1000px) rotateY(5deg) translateZ(0)}.key_program_details .key_image_shadow:hover,.key_program_details .key_text_wrapper:hover{transform:perspective(1000px) rotateY(0) translateZ(20px)}.key_program_details h3{font-size:32px}} @media (min-width: 992px) {.key_program_details{padding:150px 0}.key_program_details .key_learn_explore{gap:70px}.key_program_details .key_image_shadow{height:550px}.key_program_details .key_text_wrapper{padding:40px 50px}.key_program_details p.description{max-height:350px}} @media (max-width: 767px) {.key_program_details{padding:80px 0}.key_program_details .container{padding:0 15px}.key_program_details .key_image_shadow{height:250px}.key_program_details .key_text_wrapper{padding:25px 20px}.key_program_details h3{font-size:calc(20px - 0.1rem);margin-bottom:15px}.key_program_details p.description{max-height:250px;font-size:calc(15px - 0.1rem)}}