header,footer{width:100%}header{position:fixed;background:#000000;background:linear-gradient(170deg,#000000 0%,rgb(201,195,211,0.5) 100%);overflow:hidden;left:0;top:0;z-index:1000;width:100%}footer .discord-cta{position:relative;z-index:1}footer .connect-team{display:flex;flex-wrap:wrap;margin-bottom:60px;gap:20px;justify-content:center}footer .info_item:hover{transform:translateY(-5px);background-color:rgb(201,195,211)}footer .info_item svg{margin-right:12px;width:20px;height:20px;fill:rgb(201,195,211);flex-shrink:0;transition:fill 0.3s ease}footer .info_item:hover svg{fill:#ffffff}footer .text_main_holder::before{left:10%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.15),transparent);height:1px;top:0;position:absolute;pointer-events:none;width:80%;content:""}footer .nav-base::before{content:"";right:3px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);top:3px;position:absolute;pointer-events:none;bottom:3px;z-index:-1;background-color:rgb(155,137,184);left:3px}footer .header-page{grid-template-columns:repeat(2,1fr);display:grid;margin-bottom:20px;gap:5px}footer .header-page a::before{transform:translateY(-50%);border-top:4px solid transparent;border-left:4px solid rgb(201,195,211);pointer-events:none;width:0;top:50%;height:0;transition:all 0.3s ease;opacity:0;position:absolute;content:"";border-bottom:4px solid transparent;left:5px}footer .input_holder{width:100%;z-index:5;gap:15px;flex-direction:column;position:relative;display:flex}footer .input_holder input[type="email"]::placeholder{color:rgba(255,255,255,0.4)}footer .email-panel{border:none;background-color:rgb(201,195,211);color:#ffffff;position:relative;font-weight:600;width:100%;transition:all 0.3s ease;font-size:16px;cursor:pointer;z-index:5;padding:14px 20px;border-radius:10px;text-align:center}.course-structure .container{max-width:1200px;z-index:2;margin:0 auto;padding:0 2rem;position:relative}.course-structure .media-img{border:none;transform:perspective(1000px) rotateX(2deg) rotateY(-3deg);z-index:3;transition:transform 0.6s cubic-bezier(0.2,0.8,0.2,1);position:relative;mask-image:linear-gradient(to bottom right,transparent 0%,black 2%,black 98%,transparent 100%);height:350px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25)}.course-structure h3{margin-bottom:1.5rem;color:#000000;display:inline-block;position:relative;font-size:calc(19px * 1.2);font-weight:700}.course-structure .description::first-letter{color:rgb(201,195,211);line-height:1;font-weight:700;margin-right:8px;background:rgb(201,195,211,0.5);padding:6px;font-size:1.5em;float:left}.tyWrapper .container{position:relative;z-index:2;margin:0 auto;padding:0 2rem;max-width:1200px}.tyWrapper .learn-experts:hover{transform:perspective(1000px) rotateX(0deg) translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,0.15),0 1px 0 rgba(255,255,255,0.15) inset}.tyWrapper h5{line-height:1.4;animation:fadeSlideIn 0.8s cubic-bezier(0.25,1,0.5,1) forwards;color:#000000;position:relative;color:transparent;background-clip:text !important;margin:0;font-size:22px;background:linear-gradient(to right,#000000,rgb(155,137,184));-webkit-background-clip:text !important;transform:translateY(20px);z-index:2;font-weight:700;opacity:0}.pricing-grid .container{z-index:2;max-width:1200px;margin:0 auto;position:relative;padding:0 20px}.pricing-grid h2{background-clip:text !important;font-weight:700;transition:transform 0.5s ease;transform:perspective(1000px) translateZ(10px);text-align:center;color:transparent;margin-bottom:20px;background:linear-gradient(to right,#ffffff,rgb(155,137,184));-webkit-background-clip:text !important;font-size:31px}.pricing-grid .package-deal::before{left:0;opacity:0;transition:opacity 0.5s ease;width:100%;position:absolute;content:"";top:0;background:radial-gradient(circle at 30% 30%,rgb(201,195,211,0.5),transparent 70%);height:100%}.pricing-grid .plan-options{flex:1;display:flex;flex-direction:column}.pricing-grid .package-deal h4{color:rgb(201,195,211);padding-bottom:15px;transition:transform 0.3s ease;font-weight:600;position:relative;font-size:calc(20px * 1.1);margin:0 0 20px}.pricing-grid .pricing-rates::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.6s ease;top:0;position:absolute;left:-100%;content:"";height:100%;width:100%}.client-experience::after{content:"";border-radius:60% 40% 50% 50% / 50% 60% 40% 50%;opacity:0.08;z-index:0;transform:rotate(-10deg);animation:floatElement 18s infinite alternate-reverse ease-in-out;position:absolute;background:linear-gradient(225deg,rgb(155,137,184,0.5) 0%,rgb(201,195,211,0.5) 100%);height:25rem;bottom:-10%;width:25rem;left:-5%}.client-experience .student-views:nth-child(1){animation-delay:0.3s}.client-experience .student-views:nth-child(3){animation-delay:0.5s}.client-experience .student-views:nth-child(6){animation-delay:0.8s}.client-experience .student-views:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,0.1),0 3px 10px rgba(0,0,0,0.05)}.client-experience .student-views:hover img{transform:scale(1.05)}.client-experience .student-views:hover h4::after{width:100%}.client-experience .student-views .description{font-weight:400;margin:0;color:#000000;font-size:13px;z-index:1;line-height:1.6;position:relative}.client-experience a:hover::before{left:100%}.developer-experience{position:relative;overflow:hidden;padding:120px 0;background:rgb(239,238,241)}.developer-experience .container{margin:0 auto;position:relative;max-width:1200px;z-index:2;padding:0 30px}.developer-experience .media-img{width:100%;position:relative;min-height:400px;height:100%;border-radius:0;overflow:hidden}.developer-experience .media-img:hover::after{opacity:0}.developer-experience .name{margin:0;font-family:Arial,sans-serif;position:absolute;padding-bottom:0;left:30px;z-index:2;font-size:20px;bottom:60px;color:#ffffff;transition:transform 0.3s ease;font-weight:700}.developer-experience .job-exp::after{bottom:40px;width:40px;opacity:0.2;background:linear-gradient(to left top,rgb(155,137,184) 0%,rgb(155,137,184) 50%,transparent 50%,transparent 100%);position:absolute;content:"";height:30px;right:40px}.launch-now .learn-experts::before{position:absolute;background:linear-gradient( to bottom,rgba(255,255,255,0.08) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.05) 100% );height:100%;top:0;z-index:-1;content:'';left:0;width:100%}.launch-now h3::before{position:absolute;left:50%;width:40px;transform:translateX(-50%);content:'';height:1px;bottom:-25px;background:rgba(255,255,255,0.3)}.launch-now .send-request::before{background:linear-gradient( to right,rgb(201,195,211),rgb(155,137,184) );z-index:-1;position:absolute;width:100%;top:0;transition:opacity 0.4s ease;content:'';left:0;opacity:0;height:100%}.launch-now .send-request:hover::after{transition:width 0.6s ease,height 0.6s ease,opacity 0.6s ease 0.2s;opacity:0;width:300px;height:300px}.study-method .learn-experts{position:relative;flex-direction:column;gap:4rem;transform-style:preserve-3d;max-width:1000px;display:flex;z-index:3;margin:0 auto}.study-method h3::before,.study-method h3::after{position:absolute;background:linear-gradient(90deg,transparent,rgb(201,195,211),transparent);height:2px;content:""}.study-method h3::before{transform:translateX(-50%);bottom:-15px;animation:expandLine 3s ease-in-out infinite alternate;width:200px;left:50%}.course-benefits{position:relative;background:linear-gradient(135deg,rgb(239,238,241) 0%,rgba(240,242,245,0.9) 100%);padding:100px 0;overflow:hidden}.course-benefits::before{height:300px;animation:pulse 15s infinite alternate ease-in-out;top:-50px;width:300px;z-index:1;position:absolute;right:-50px;opacity:0.4;content:"";background:radial-gradient(circle,rgb(155,137,184,0.5) 0%,transparent 70%)}.course-benefits .text-pod:hover{transform:translateY(-5px)}.course-benefits .text-pod h4{font-size:calc(23px * 1.1);margin-bottom:25px;font-family:Arial,sans-serif;position:relative;color:#000000;font-weight:700;line-height:1.4;padding-bottom:15px}.course-benefits .text-pod ul{padding:0;list-style:none;margin:0}.course-benefits .text-pod li:hover{opacity:1;transform:translateX(5px)}.course-benefits .text-pod li p span:last-child{position:relative}.course-benefits svg{width:22px;transition:transform 0.3s ease;height:22px}.course-benefits .media-img{object-fit:cover;border-radius:10px;transform:perspective(1000px) rotateX(2deg) rotateY(-2deg);width:100%;box-shadow:20px 20px 60px rgba(0,0,0,0.1),-20px -20px 60px rgba(255,255,255,0.8);height:auto;transition:transform 0.5s cubic-bezier(0.19,1,0.22,1),box-shadow 0.5s ease}.fast-studypro > div:first-child{transition:transform 0.5s cubic-bezier(0.22,1,0.36,1);backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,0.1);position:relative;transform:translateZ(20px);padding:2rem;background:linear-gradient(to right,rgba(255,255,255,0.08),rgba(255,255,255,0.15))}.welcome-section .knowledge-space{position:relative;transition:transform 0.5s cubic-bezier(0.22,1,0.36,1),box-shadow 0.5s ease;transform:translateZ(0);flex-direction:column;display:flex;gap:1.5rem;box-shadow:0 20px 40px rgba(0,0,0,0.08),0 0 0 1px rgba(0,0,0,0.02);padding:2.5rem;background:linear-gradient(135deg,#ffffff 0%,rgba(255,255,255,0.9) 100%)}.welcome-section .knowledge-space:hover p{transform:translateY(-5px)}.about-this::before{background-size:60px 60px;opacity:0.05;top:0;width:100%;left:0;z-index:0;height:100%;position:absolute;background-image:linear-gradient(45deg,rgb(155,137,184,0.5) 25%,transparent 25%),linear-gradient(-45deg,rgb(155,137,184,0.5) 25%,transparent 25%);content:""}.about-this .quick-mastery ul{list-style:none;margin:0;grid-template-columns:1fr;gap:3rem;display:grid;padding:0}.about-this .our-journey:nth-child(2){--i:2}.about-this .our-journey h4{margin-bottom:1.5rem;transform:translateX(-10px);animation-delay:calc(0.4s * var(--i,1));font-weight:600;color:rgb(201,195,211);opacity:0;animation:slideIn 0.6s cubic-bezier(0.25,1,0.5,1) forwards;font-size:22px;position:relative}.privacy-harbor::after{transform:rotate(30deg);background:radial-gradient(circle,rgba(rgb(201,195,211,0.5),0.05),transparent 70%);pointer-events:none;z-index:0;content:"";height:100%;width:60%;top:-50%;right:-20%;position:absolute}.privacy-harbor h1::after{width:80px;background:linear-gradient(to right,rgb(201,195,211),rgb(155,137,184));left:0;bottom:0;height:3px;transition:width 0.3s ease;content:"";transform-origin:left;position:absolute}.privacy-harbor h4{position:relative;margin-top:1.5rem;margin-bottom:0.8rem;color:#000000;padding-left:0.6rem;font-weight:600;font-size:calc(36px * 0.7)}.privacy-harbor ul{padding-left:1.2rem;margin-bottom:2rem;position:relative}.privacy-harbor li::before{height:6px;transform:rotate(45deg);position:absolute;content:"";background:rgb(201,195,211);top:0.7rem;border-radius:1px;width:6px;left:-1.2rem;opacity:0.8}.contact-box::after{width:100%;opacity:0.05;top:0;content:'';left:0;z-index:1;background-image:linear-gradient(45deg,rgb(201,195,211,0.5) 25%,transparent 25%),linear-gradient(-45deg,rgb(201,195,211,0.5) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgb(201,195,211,0.5) 75%),linear-gradient(-45deg,transparent 75%,rgb(201,195,211,0.5) 75%);background-size:200px 200px;background-position:0 0,0 100px,100px -100px,-100px 0px;position:absolute;height:100%}.contact-box .query-query #contact{position:relative;z-index:1}.contact-box .query-query h3::after{width:60px;left:0;transform:none}.contact-box .query-query input[type="text"]:focus,.contact-box .query-query textarea:focus{box-shadow:0 0 0 3px rgb(201,195,211,0.5);border-color:rgb(201,195,211);outline:none;background-color:#ffffff}.contact-box .query-query .reach-info input[type="checkbox"]{opacity:0;position:absolute}.contact-box .query-query .reach-info label::before{position:absolute;transition:all 0.3s ease;border-radius:10px;width:22px;content:'';height:22px;background-color:rgba(0,0,0,0.02);left:0;border:1px solid rgba(0,0,0,0.1);top:2px}.contact-box .query-query .help-block::before{top:0;transition:all 0.5s ease;content:'';background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);position:absolute;height:100%;left:-100%;width:100%}.contact-box .message-help h4{font-weight:600;position:relative;margin-bottom:30px;font-size:21px;color:#ffffff}.contact-box .message-help .support-help li{align-items:flex-start;margin-bottom:25px;z-index:1;display:flex;position:relative}.contact-box .message-help .support-help li:hover svg path{fill:rgba(255,255,255,0.8)}header::before{position:absolute;background:repeating-linear-gradient( 45deg,transparent,transparent 10px,rgb(155,137,184,0.5) 10px,rgb(155,137,184,0.5) 11px );opacity:0.03;top:0;left:0;content:"";z-index:1;width:100%;height:100%}header .top-main::after{filter:blur(20px);z-index:-1;position:absolute;content:"";background:rgb(201,195,211,0.5);width:40px;height:40px;animation:orb-float 5s ease-in-out infinite alternate;opacity:0.5;border-radius:50%}header .main-mentor::before{background:linear-gradient(90deg,transparent,rgb(155,137,184,0.5),transparent);transition:left 0.5s ease;width:100%;height:100%;opacity:0.5;position:absolute;left:-100%;top:0;content:""}header .main-mentor:hover::before{left:100%}header .main-mentor:hover::after{transform:translateY(-50%) scale(1)}.cookie-message-overlay h5{margin-bottom:6px;font-size:22px}#dataProtectionBox{display:none}.cookie-message-overlay p{font-size:18px}.data-guard{font-size:24px;color:rgb(201,195,211);line-height:35px;text-decoration:none;border-bottom:2px solid rgb(201,195,211);flex-shrink:0;text-align:center;white-space:nowrap;margin-left:10px;cursor:pointer;min-width:120px}@media (min-width: 768px) {footer .text_main_holder{gap:30px;grid-template-columns:1fr 1fr 1fr}footer .input_holder{flex-direction:row}footer .email-panel{width:auto;flex-shrink:0;min-width:150px}footer .input_holder input[type="email"]{min-width:0;flex:1}} @media screen and (min-width: 768px) {.course-structure .knowledge-plan{gap:4rem;flex-direction:row;align-items:center}.course-structure .media-img{transform:perspective(1000px) rotateX(2deg) rotateY(-5deg);height:450px;flex:1}.course-structure .text-pod{transform:perspective(1000px) rotateX(-1deg) rotateY(2deg) translateZ(30px);flex:1.2;transition:transform 0.5s cubic-bezier(0.2,0.8,0.2,1)}.course-structure .text-pod:hover{transform:perspective(1000px) rotateX(0deg) rotateY(0deg) translateZ(40px)}.course-structure h3{font-size:30px}} @media (min-width: 992px) {.tyWrapper{padding:8rem 0}.tyWrapper .learn-experts{margin-left:8rem;padding:6rem 5rem;gap:3rem}.tyWrapper h5{font-size:calc(22px * 1.2)}.tyWrapper p{font-size:calc(14px * 1.05);max-width:80%}} @media (max-width: 1200px) {.pricing-grid{padding:80px 0}.pricing-grid .group-plans{gap:25px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}} @media (max-width: 992px) {.client-experience{padding:4rem 0 5rem}.client-experience h2{margin-bottom:3rem;font-size:calc(34px * 0.9)}.client-experience .user-voices{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}} @media (max-width: 992px) {.developer-experience{padding:100px 0}.developer-experience .student-views{grid-template-columns:300px 1fr;gap:40px}.developer-experience .media-img{min-height:350px}.developer-experience .job-exp{padding:40px 30px}.developer-experience .job-exp::before{left:30px;width:30px;height:24px;top:30px}.developer-experience .job-exp::after{bottom:30px;width:30px;right:30px;height:24px}} @media screen and (max-width: 768px) {.launch-now{padding:90px 0}.launch-now .learn-experts{padding:60px 40px}.launch-now h3{font-size:calc(29px * 0.8);letter-spacing:5px;margin-bottom:50px}.launch-now h3::before{width:35px;bottom:-20px}.launch-now h3::after{height:5px;bottom:-22px;width:5px}.launch-now .send-request{letter-spacing:2px;font-size:calc(20px * 0.9);padding:12px 40px}} @media (min-width: 768px) {.course-benefits .learn-experts{flex-direction:row;gap:60px;align-items:center}.course-benefits .text-pod{padding:45px}.course-benefits .text-pod > div{flex-direction:row}.course-benefits .media-img{object-position:center;max-width:45%}.course-benefits .text-pod h4{font-size:calc(23px * 1.2)}} @media (min-width: 768px) {.welcome-section{padding:3rem}.fast-studypro{gap:3rem;grid-template-columns:1fr 1fr}.welcome-section h3{font-size:23px}.welcome-section h1{font-size:43px}.fast-studypro > div:first-child{align-items:center;display:flex}} @media (max-width: 767px) {.welcome-section{padding:1.5rem}.fast-studypro > div:first-child{padding:1.5rem}.welcome-section h3{font-size:calc(23px * 0.8)}.welcome-section h1{font-size:calc(43px * 0.7)}.welcome-section .knowledge-space{padding:1.5rem}.welcome-section p{font-size:13px}} @media (min-width: 768px) {.privacy-harbor{padding:5rem 2rem}.privacy-harbor .container{padding:3rem 4rem;border-left-width:4px}.privacy-harbor h1{margin-bottom:2.5rem;font-size:calc(47px * 1.2);padding-bottom:1rem}.privacy-harbor h1::after{width:120px;height:4px}.privacy-harbor h2{font-size:calc(36px * 1.1);padding-left:1.5rem;margin-top:3rem}.privacy-harbor h2::before{width:4px}.privacy-harbor p,.privacy-harbor span{line-height:1.8;font-size:calc(15px * 1.05)}.privacy-harbor ul{padding-left:2rem}.privacy-harbor li{padding-left:0.8rem;font-size:calc(15px * 1.05)}.privacy-harbor li::before{left:-1.4rem;width:7px;height:7px}} @media (max-width: 576px) {.contact-box{padding:30px 0}.contact-box .query-query,.contact-box .message-help{padding:20px}.contact-box h3{font-size:calc(30px - 6px)}.contact-box .query-query .reach-info label{font-size:calc(14px - 3px)}} @media (max-width: 991px) {header .top-main{margin-bottom:1.5rem}header .top-main svg{height:42px}header .main-mentor{padding:0.5rem 1.5rem;font-size:calc(16px - 1px)}} @keyframes fadeInUp {from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}} @keyframes fadeSlideIn {to{opacity:1;transform:translateY(0)}} @keyframes pulseGlow {0%{transform:scale(0.8);opacity:0.3}50%{transform:scale(1.2);opacity:0.5}100%{transform:scale(0.9);opacity:0.4}} @keyframes hologlow {0%,100%{opacity:0.3}50%{opacity:0.6}} @keyframes expandLine {0%{width:50px;opacity:0.5}100%{width:200px;opacity:1}} @keyframes pulse {0%,100%{transform:scale(1);opacity:0.3}50%{transform:scale(1.1);opacity:0.5}} @keyframes expandLine {to{transform:scaleX(1)}} @keyframes pulse {0%,100%{opacity:0.6}50%{opacity:0.8}}