header,footer{width:100%}header{padding:0;z-index:100;position:relative;width:100%;box-shadow:0 3px 15px rgba(0,0,0,0.07);background:linear-gradient(to right,#ffffff,rgb(240,225,204))}svg{height:30px;width:30px}.help-desk-info{overflow:hidden;position:relative;padding:6rem 0;background:linear-gradient(135deg,rgb(240,225,204),rgba(245,247,250,0.95))}.help-desk-info h1{margin-bottom:2.5rem;font-weight:700;margin-left:1rem;z-index:2;font-size:40px;position:relative;transform:translateX(5%);color:#000000;text-align:left}.help-desk-info .message-info{gap:2.5rem;display:grid;grid-template-columns:1fr;position:relative}.help-desk-info .message-info > div{border-radius:12px;padding:2rem;transition:transform 0.4s ease,box-shadow 0.4s ease;box-shadow:10px 10px 20px rgba(0,0,0,0.03),-10px -10px 20px rgba(255,255,255,0.9);background:#ffffff}.help-desk-info .message-info span{color:#000000;display:block;font-size:16px;font-family:Arial,sans-serif;margin-left:34px}.help-desk-info .ask-form:hover{color:rgb(222,192,154);transform:translateX(5px);box-shadow:6px 6px 12px rgba(0,0,0,0.08),-6px -6px 12px rgba(255,255,255,0.9)}.help-desk-info svg path{transition:fill 0.3s ease}.help-desk-info .message-info > div:nth-child(2){animation-delay:0.5s;animation:float 6s ease-in-out infinite}.our-mission::before{left:0;top:0;background:linear-gradient(135deg,rgba(28,35,45,0.92) 0%,rgba(28,35,45,0.85) 50%,rgba(28,35,45,0.75) 100%);content:"";width:100%;height:100%;z-index:1;position:absolute}.our-mission h2::after{background:linear-gradient(90deg,rgb(200,155,103),rgb(222,192,154));animation:lineGrow 1.2s cubic-bezier(0.25,1,0.5,1) 0.4s forwards;width:0;height:3px;bottom:-15px;content:"";position:absolute;left:0}.our-mission .content-wrap::after{right:0;clip-path:polygon(100% 0,100% 100%,0 0);background:linear-gradient(135deg,transparent 50%,rgba(var(--primary-color-rgb),0.1) 50%);width:100px;height:100px;top:0;content:"";position:absolute}.cookie-popup-message{box-shadow:0 -4px 10px rgba(0,0,0,0.5);width:100%;z-index:90;padding:20px 0;bottom:0;transform:translateY(100%);transition:transform 0.3s ease-in-out;position:fixed;border-top:3px solid rgb(200,155,103);background:rgb(200,155,103);animation:slideUp 0.5s forwards}.cookie-popup-message p{line-height:1.5;color:#ffffff;font-size:17px;font-family:Arial,sans-serif}.cookies-tracking svg{height:80px;fill:rgb(222,192,154);width:80px;transition:transform 0.3s ease-in-out}.cookie_button.cookie-list{background:rgba(0,0,0,0.5);border:2px solid rgb(200,155,103);color:#ffffff}.cookie-popup-message p a{transition:color 0.3s ease;text-decoration:none;color:rgb(222,192,154)}header .top_plank .learn-edu div svg,header .top_plank .learn-edu div svg path{fill:#ffffff}header .top_plank .learn-edu div{display:flex;margin-right:24px;align-items:center;justify-content:flex-start}.course-offering{padding:120px 0;position:relative;overflow:hidden;background:rgb(240,225,204)}.course-offering .container{position:relative;z-index:1}.course-offering .learn-identity{max-width:100%;background:transparent;overflow:visible;flex-direction:column;border-radius:29px;display:flex;position:relative}.course-offering .content-photo{position:absolute;box-shadow:0 20px 40px rgba(0,0,0,0.15),0 5px 15px rgba(0,0,0,0.1);overflow:hidden;left:0;transform:translateZ(0);transition:all 0.8s cubic-bezier(0.19,1,0.22,1);height:100%;filter:saturate(0.8) contrast(1.1);border-radius:29px;top:0;z-index:0;width:100%}.course-offering .learn-identity:hover .content-photo{clip-path:polygon( 0% 0%,100% 0%,100% 100%,65% 100%,60% 85%,40% 85%,35% 100%,0% 100% );filter:saturate(1.1) contrast(1.2)}.course-offering .job-training::after{z-index:-1;left:10px;content:"";right:10px;bottom:10px;opacity:0.5;border:1px dashed rgb(222,192,154,0.5);transition:all 0.4s ease;position:absolute;border-radius:10px;top:10px}.course-offering .learn-identity:hover .job-training::after{right:15px;top:15px;left:15px;opacity:0.7;bottom:15px}.course-offering .top-know::before{border-radius:50%;right:-10px;position:absolute;animation:rotateConic 10s linear infinite;left:-10px;content:"";top:-10px;background:conic-gradient( rgb(222,192,154) 0deg,rgb(222,192,154) 90deg,transparent 90deg,transparent 180deg,rgb(200,155,103) 180deg,rgb(200,155,103) 270deg,transparent 270deg,transparent 360deg );transition:opacity 0.5s ease;opacity:0.5;bottom:-10px;z-index:-1}.course-offering h3::after{background:rgb(200,155,103,0.5);transition:width 0.5s ease;left:50%;bottom:-5px;content:"";width:100px;height:1px;position:absolute;transform:translateX(-50%)}.course-offering p::after{right:-10px;border-right:2px solid rgb(200,155,103);bottom:-10px;border-bottom:2px solid rgb(200,155,103)}.tariff-row{overflow:hidden;padding:5rem 1rem;position:relative;background:linear-gradient(135deg,rgba(0,0,0,0.5),rgb(240,225,204),rgba(0,0,0,0.5))}.tariff-row .lesson-fees{flex-direction:column;display:flex;gap:3rem}.tariff-row .discount-tier h2{font-size:28px;display:inline-block;margin-bottom:1rem;font-weight:700;position:relative;color:#000000}.tariff-row .learning-fees{line-height:1.6;font-size:15px;max-width:90%;margin:0 auto;color:#000000}.tariff-row .learn-deals{text-decoration:none;border-radius:25px;opacity:0;animation:fadeIn 0.8s cubic-bezier(0.23,1,0.32,1) forwards;transition:transform 0.5s cubic-bezier(0.23,1,0.32,1),box-shadow 0.5s ease;transform:translateZ(0) scale(1);overflow:hidden;color:#000000;background:#ffffff;box-shadow:0 10px 30px rgba(0,0,0,0.05);position:relative;display:block}.tariff-row .bundle-offer{display:flex;flex-grow:1;padding:2rem;flex-direction:column}.tariff-row .value-deals{font-size:2rem;font-weight:700;position:relative;display:inline-block;transition:transform 0.3s ease,color 0.3s ease;color:rgb(222,192,154);margin-bottom:1.5rem}.tariff-row .bundle-offer p{margin:0;flex-grow:1;overflow-wrap:break-word;line-height:1.6;word-break:break-word;font-size:calc(15px - 2px);color:#000000}.tariff-row .learn-deals:hover .content-photo{transform:scale(1.05)}.appSpot{overflow:hidden;background:linear-gradient(135deg,rgb(222,192,154,0.5),rgb(200,155,103,0.5) 70%);position:relative;padding:5rem 0;z-index:1}.appSpot .container{margin:0 auto;max-width:1200px;position:relative;padding:0 2rem}.appSpot .learn-identity{max-width:900px;display:flex;transform:perspective(1000px) rotateX(2deg);padding:3.5rem;position:relative;flex-direction:column;background:rgba(255,255,255,0.9);transition:transform 0.5s cubic-bezier(0.215,0.61,0.355,1);backdrop-filter:blur(10px);z-index:2;box-shadow:0 20px 40px rgba(0,0,0,0.1),0 5px 15px rgba(0,0,0,0.05),0 0 0 1px rgba(255,255,255,0.1);margin:0 auto}.appSpot a:hover::before{opacity:0.1}.appSpot a:hover p{transform:translateX(5px);color:rgb(222,192,154)}.appSpot .learn-identity > div:last-child{padding-top:2rem;position:relative}.teaching-history{overflow:hidden;padding:6rem 2rem 4rem;background:linear-gradient(180deg,rgb(240,225,204) 0%,rgb(200,155,103,0.5) 100%);position:relative}.teaching-history::after{top:0;right:0;opacity:0.1;position:absolute;z-index:1;height:100%;width:50%;clip-path:polygon(100% 0,0 0,100% 100%);content:"";background:#ffffff}.teaching-history .work-wrap{perspective:1000px;width:100%;background:#ffffff;position:relative;align-items:center;transform-style:preserve-3d;padding:70px 30px 30px;display:flex;z-index:2;flex-direction:column;box-shadow:0 15px 30px -10px rgba(0,0,0,0.5)}.teaching-history .work-wrap > div:nth-child(2){text-align:center;font-weight:600;margin:20px 0;letter-spacing:2px;text-transform:uppercase;color:rgb(200,155,103);font-size:18px}.teaching-history .exp-timeline::after{left:50%;transform:translateX(-10px);top:-15px}.teaching-history .work-wrap:hover{animation:float 3s ease-in-out infinite}.privacy-concealment h1,.privacy-concealment h2{color:rgb(222,192,154);letter-spacing:0.05em;text-transform:uppercase;margin-bottom:0.75rem}.privacy-concealment h1{padding-left:0.5rem;font-size:43px;font-weight:700;border-left:4px solid rgb(200,155,103)}.privacy-concealment ul li::before{content:'';margin-right:0.75rem;height:10px;border-radius:50%;background-color:rgb(222,192,154);width:10px}.privacy-concealment section{flex-direction:column;gap:1rem;display:flex}.contact-information .container{padding:0 20px;z-index:1;position:relative;margin:0 auto;max-width:1200px}.contact-information .query-section{border-radius:26px;box-shadow:0 20px 40px rgba(0,0,0,0.06);overflow:hidden;max-width:800px;flex-direction:column;display:flex;background:#ffffff;margin:0 auto}.contact-information form{width:100%}.contact-information form input[type="text"]{font-family:Arial,sans-serif;margin-bottom:20px;font-size:18px;width:100%;color:#000000;border-radius:10px;border:2px solid transparent;background:rgb(240,225,204);padding:15px 20px;transition:all 0.3s ease}.contact-information .reach-info label{line-height:1.6;position:relative;font-size:12px;cursor:pointer;padding-left:35px;color:#000000}.contact-information .reach-info input[type="checkbox"]:checked + label::after{width:6px;height:12px;content:"";border-right:2px solid #ffffff;left:8px;top:5px;position:absolute;border-bottom:2px solid #ffffff;transform:rotate(45deg)}.contact-information svg{height:20px;fill:rgb(222,192,154);width:20px}footer{position:relative}.data-viz .container{flex-wrap:wrap;display:flex}.data-viz .company_holder{border-radius:24px;box-shadow:0 15px 30px rgba(0,0,0,0.15);padding:25px;background:rgba(0,0,0,0.2);flex:0 0 100%;text-align:center;margin-bottom:40px}.data-viz .twitter-cta{flex:0 0 100%;margin-top:20px}.data-viz .header-master{padding:20px;max-width:calc(50% - 30px);flex:0 0 calc(50% - 30px);border-radius:24px;background:rgba(255,255,255,0.05);transition:all 0.3s ease}.data-viz .header-master .nav-site{margin-top:0;flex-direction:column;display:flex;gap:12px}.data-viz .header-master .nav-site a:hover{background:rgba(255,255,255,0.15);box-shadow:0 5px 10px rgba(0,0,0,0.1);transform:translateY(-2px);color:#ffffff}.diversity .volunteer{text-align:center;letter-spacing:0.5px;font-size:12px;color:#ffffff}.data-summary{position:relative;padding:6rem 0;background:linear-gradient(135deg,rgb(240,225,204) 0%,rgba(245,245,250,0.9) 100%);overflow:hidden}.data-summary{padding:2.5rem 0}.data-summary::after{transform:rotate(10deg);content:"";background:linear-gradient(225deg,rgb(200,155,103,0.5) 0%,transparent 70%);width:40%;opacity:0.08;height:140%;right:-5%;bottom:-10%;z-index:1;position:absolute}.data-summary ul{margin:0;padding:0;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid;list-style:none;gap:2rem}.data-summary ul{margin:0 auto;max-width:350px;grid-template-columns:1fr}.data-summary .value-statistics:nth-child(1){--i:1}.data-summary .value-statistics:nth-child(3){--i:3}.data-summary .value-statistics:nth-child(5){--i:5}.data-summary .value-statistics:nth-child(7){--i:7}.data-summary .value-statistics::before{position:absolute;transition:height 0.5s cubic-bezier(0.25,1,0.5,1);background:linear-gradient(to bottom,rgb(222,192,154),rgb(200,155,103));height:0;width:4px;left:0;content:"";top:0}.data-summary .value-statistics::before{left:0;height:4px;top:0;width:100%}.data-summary .value-statistics p{position:relative;font-size:calc(48px * 1.2);font-weight:700;margin:0 0 0.5rem;color:rgb(222,192,154);display:inline-block}.data-summary .value-statistics:hover span{opacity:1}.training-structure{background:linear-gradient(135deg,rgb(240,225,204) 0%,rgb(222,192,154,0.5) 100%);overflow:hidden;position:relative;padding:8rem 2rem}.training-structure .learn-identity{z-index:2;margin:0 auto;position:relative;gap:3rem;max-width:900px;display:flex;flex-direction:column}.training-structure h3{position:relative;padding:2rem;font-size:31px;color:#000000;text-align:center;font-weight:700;animation:paperCut 0.8s ease-out forwards;transform:rotate(-1deg);border-radius:30px;background:#ffffff;margin:0;box-shadow:15px 15px 30px rgba(0,0,0,0.1),-5px -5px 10px rgba(255,255,255,0.8)}.training-structure span::before{border:2px dashed rgb(200,155,103,0.5);top:5px;position:absolute;z-index:-1;content:"";left:5px;right:5px;opacity:0.6;border-radius:calc(30px - 4px);bottom:5px}.greeting-page{position:relative;align-items:center;display:flex;justify-content:center;overflow:hidden;padding:6rem 2rem;box-sizing:border-box;min-height:100vh}.greeting-page > div{align-items:center;width:100%;transform:perspective(1000px) rotateX(2deg);max-width:1200px;flex-direction:column;z-index:3;position:relative;display:flex}.greeting-page .title_style_header{display:inline-block;position:relative;letter-spacing:-0.02em;font-weight:700;margin:0;font-size:clamp(2.5rem,5vw,48px);text-shadow:0 4px 20px rgba(0,0,0,0.2),0 0 40px rgb(222,192,154,0.5);padding:0;color:#ffffff}.greeting-page .edu-lead{transform:translateY(30px);backdrop-filter:blur(12px);position:relative;background:linear-gradient(135deg,rgba(#000000,0.6) 0%,rgba(#000000,0.3) 100%);width:100%;border:1px solid rgba(255,255,255,0.1);animation:slideUpBox 1.2s cubic-bezier(0.25,1,0.5,1) forwards 0.6s;-webkit-backdrop-filter:blur(12px);box-shadow:0 20px 50px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.05);padding:3rem;opacity:0;max-width:900px}.greeting-page span{transform:translateY(20px);position:relative;display:inline-block;opacity:0;animation:slideUpText 1s cubic-bezier(0.25,1,0.5,1) forwards 1.4s}.educational-yield::before{position:absolute;width:100%;background:radial-gradient(circle at 20% 30%,rgb(222,192,154,0.5) 0%,transparent 10%),radial-gradient(circle at 80% 70%,rgb(200,155,103,0.5) 0%,transparent 20%);z-index:1;content:'';height:100%;top:0;animation:pulse 15s infinite alternate;left:0}.educational-yield .content-wrap{padding-right:5rem;flex:0 0 55%}.educational-yield h2::after{bottom:0;content:'';left:0;border-radius:10px;width:80px;position:absolute;height:4px;background:rgb(222,192,154)}.educational-yield .text_main_holder > div:hover{transform:translateX(10px);box-shadow:0 15px 30px rgba(0,0,0,0.1)}.educational-yield .text_main_holder svg path{stroke-width:0.5;stroke:#ffffff;fill:rgb(222,192,154)}header::after{position:absolute;left:0;background:linear-gradient(to bottom,rgb(222,192,154),rgb(200,155,103));z-index:1;content:'';height:100%;width:5px;top:0}header .page-head{background:rgba(255,255,255,0.4);transition:all 0.3s ease;display:flex;position:relative;border-radius:10px;text-decoration:none;align-items:center;padding:0.5rem}header .header-master::before{position:absolute;opacity:0.5;left:-2px;z-index:-1;border-radius:calc(10px + 2px);content:'';bottom:-2px;right:-2px;background:linear-gradient(135deg,rgb(222,192,154,0.5),rgb(200,155,103,0.5));top:-2px}header .site-start:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.08);color:#ffffff}@media only screen and (max-width: 800px) {.container{padding:0 12px}} @media screen and (min-width: 992px) {.help-desk-info{padding:10rem 0}.help-desk-info h1{margin-left:3rem}.help-desk-info h1::after{width:120px}.help-desk-info .message-info{gap:2rem;grid-template-columns:1.5fr 1fr 1fr}.help-desk-info .message-info > div:first-child{grid-row:1 / 3;grid-column:1 / 2}.help-desk-info .message-info > div:nth-child(2){grid-row:1 / 2;grid-column:2 / 3}.help-desk-info .message-info > div:nth-child(3){grid-row:2 / 3;grid-column:2 / 4}.help-desk-info .ask-form{padding:1rem 1.25rem}} @media (min-width: 768px) {.our-mission{padding:150px 0 130px}.our-mission h2{margin-bottom:70px;font-size:calc(29px * 1.2)}.our-mission .content-wrap{padding:50px 60px;width:calc(100% - 40px);margin-left:40px}.our-mission .content-wrap div div{column-count:2}.our-mission .content-wrap::before{top:50px}} @media (hover: hover) {.our-mission .content-wrap:hover{transform:translateY(-5px);transition:all 0.4s cubic-bezier(0.25,1,0.5,1);box-shadow:0 25px 50px rgba(0,0,0,0.25)}.our-mission .content-wrap:hover::before{transition:all 0.4s ease;background:rgb(222,192,154)}} @media (min-width: 768px) and (max-width: 991px) {.course-offering{padding:80px 0}.course-offering .job-training{padding:60px 40px;margin:30px auto;width:90%}.course-offering .top-know{width:60px;top:-30px;height:60px}.course-offering .top-know svg{width:35px;height:35px}.course-offering h3{padding-bottom:15px;margin-bottom:25px;font-size:calc(38px - 4px)}.course-offering p{font-size:calc(12px - 1px);line-height:1.7}} @media (min-width: 992px) {.tariff-row .fee-board{grid-template-columns:repeat(2,1fr)}} @media (min-width: 1200px) {.tariff-row{padding:8rem 2rem}.tariff-row .discount-tier{flex:0 0 25%}.tariff-row .fee-board{flex:0 0 75%}.tariff-row .bundle-offer{padding:2.5rem}} @media (max-width: 992px) {.appSpot{padding:4rem 0}.appSpot .learn-identity{padding:2.5rem;transform:perspective(800px) rotateX(1deg)}.appSpot .learn-identity > div:first-child::before{left:-2.5rem;height:50px;width:1rem}.appSpot h5{font-size:calc(20px - 0.1rem)}} @media (max-width: 576px) {.appSpot{padding:2.5rem 0}.appSpot .container{padding:0 1.5rem}.appSpot .learn-identity{padding:1.5rem}.appSpot .learn-identity > div:first-child{margin-bottom:1.5rem}.appSpot .learn-identity > div:first-child::before{height:30px;width:0.5rem;left:-1.5rem}.appSpot h5{padding-left:0.5rem;font-size:calc(20px - 0.3rem)}.appSpot p{line-height:1.6;font-size:calc(15px - 0.1rem)}.appSpot .learn-identity > div:last-child{padding-top:1.5rem}} @media screen and (min-width: 768px) {.contact-information .query-section{max-width:1000px;flex-direction:row}.contact-information .content-photo{width:40%;min-height:400px;height:auto}.contact-information .query-form{width:60%}} @media screen and (max-width: 576px) {.contact-information{padding:60px 0}.contact-information h2{font-size:calc(44px * 0.7);margin-bottom:30px}.contact-information .query-form{padding:30px 20px}.contact-information form h3{font-size:calc(19px * 0.9)}} @media (max-width: 576px) {.data-viz{padding:40px 0}.data-viz .company_holder h3{font-size:calc(30px * 0.8)}.data-viz .header-master h5{font-size:calc(22px * 0.9)}.data-viz .header-master .nav-site a{font-size:calc(12px * 0.95)}} @media (max-width: 992px) {.training-structure{padding:6rem 1.5rem}.training-structure h3{padding:1.8rem;font-size:calc(31px * 0.9)}.training-structure span{padding:1.8rem}.training-structure h3::after{top:-6px;height:12px}.training-structure span::after{bottom:-6px;height:12px}.training-structure .learn-identity{gap:2.5rem}} @media (max-width: 768px) {.greeting-page{padding:4rem 1.25rem}.greeting-page > div{transform:none}.greeting-page .edu-lead{padding:2rem}.greeting-page .fast-classes::before,.greeting-page .fast-classes::after{height:40px;width:40px}} @media (max-width: 992px) {.educational-yield .learn-identity{flex-direction:column}.educational-yield .content-photo{height:400px;margin-bottom:3rem;transform:perspective(1000px) rotateY(0);flex:0 0 100%}.educational-yield .content-wrap{padding-right:0;flex:0 0 100%}} @media (max-width: 767px) {header::after{width:3px}header .first-section{margin-left:3px;flex-direction:column;align-items:flex-start;padding:0.8rem 2%;gap:0.7rem}header .page-head{padding:0.4rem}header .page-head svg{width:120px}header .header-master{justify-content:flex-start;padding:0.4rem;width:98%;overflow-x:auto}header .header-master::-webkit-scrollbar{height:2px}header .header-master::-webkit-scrollbar-thumb{border-radius:10px;background:rgb(222,192,154)}header .site-start{font-size:calc(20px - 1px);white-space:nowrap;padding:0.3rem 0.5rem}} @keyframes fadeIn {from{opacity:0;transform:translateY(30px) rotateX(5deg)}to{opacity:1;transform:translateY(0) rotateX(0)}} @keyframes float {0%{transform:translateY(0px)}50%{transform:translateY(-10px)}100%{transform:translateY(0px)}} @keyframes fadeUp {to{opacity:1;transform:translateY(0)}} @keyframes scaleIn {to{transform:scaleX(1)}} @keyframes floatBlob {0%{transform:translate(0,0) scale(1)}100%{transform:translate(-10%,10%) scale(1.1)}} @keyframes slideUpBox {0%{transform:translateY(30px);opacity:0}100%{transform:translateY(0);opacity:1}} @keyframes lineExpand {0%{transform:scaleX(0)}100%{transform:scaleX(1)}} @keyframes pulse {0%{opacity:0.5}50%{opacity:0.8}100%{opacity:0.5}}