@import"https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap";body{margin:0;font-family:Arial,sans-serif;font-display:swap;background-color:#f2f2f2;color:#444;overflow-x:hidden!important}html{overflow-x:hidden!important}.App{height:100vh;overflow-x:hidden!important;overflow:hidden!important}@media (max-width: 600px){.App{height:92.5vh;width:100vw!important}}.landing-page{overflow-x:hidden!important;display:flex;background-color:#e53935;flex-direction:column;min-height:100vh}.cont{max-width:50vw!important}.landing-content{overflow-x:hidden!important;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:url(/assets/person-working-laptop-vBrQ9of2.jpg);background-position:center;background-size:cover;color:#fff;padding:2rem;text-align:center}.hero{flex:1;display:flex;align-items:center;justify-content:center}.hero-text{max-width:600px}.hero-title{font-size:3rem;margin-bottom:1rem;animation:myAnim 2s ease-in-out 0s infinite alternate-reverse forwards}.hero-subtitle{font-size:1.5rem;margin-bottom:2rem}.download_app_icon{width:20vw;cursor:pointer;transition:all .3s ease-in-out}.apple{width:16vw!important;margin-bottom:3.2%}.download_app_icon:hover{transform:scale(104%)}@keyframes myAnim{0%{text-shadow:5px 7px black}to{text-shadow:-5px 7px black}}.login-section{display:flex;width:auto!important;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-top:2rem}.payment_div{position:fixed;z-index:3;width:40vw;height:50vh;background-color:#fff;padding:20px;border:1px solid #ccc;border-radius:8px;box-shadow:0 0 0 50vmax #00000080!important;top:10vh}.login-button{background-color:#ff5858!important;transition:all .2s ease-in-out!important}.login-button:hover{background-color:red!important;transform:scale(1.05)!important}.PaymentForm{padding:20px;border:1px solid #ccc;border-radius:1px;box-shadow:0 0 10px #0000001a}.PaymentForm label{font-size:16px;margin-bottom:10px}.PaymentForm .CardElement{height:40px;padding:10px;border:1px solid #ccc;border-radius:4px}.PaymentForm .error-message{color:red;font-size:14px;margin-top:5px}.PaymentForm .submit-button{display:block;width:100%;padding:12px;margin-top:20px;font-size:16px;color:#fff;background-color:#007bff;border:none;border-radius:4px;cursor:pointer}.PaymentForm .submit-button:disabled{background-color:#ccc;cursor:not-allowed}@media (min-width: 768px){.cont{width:510px}.landing-content{flex-direction:row;align-items:center;justify-content:space-between;padding:4rem}.hero-title{font-size:3rem}.hero-subtitle{font-size:1.5rem;color:#fff}.login-section{width:100vw;height:auto!important}}@media (max-width: 800px){.spinner{width:56px;height:56px;margin-left:40vw!important;margin-top:40vh!important;border:11.2px #ff4747 double;border-left-style:solid;border-radius:50%;animation:spinner-aib1d7 .75s infinite linear}.hero{display:none}.download_app_icon{width:50vw;cursor:pointer;transition:all .3s ease-in-out}.apple{width:40vw!important;margin-bottom:3.2%}.login-section{display:flex;margin-top:-10vh;flex-direction:column;align-items:center;justify-content:unset!important;padding:2rem;width:90vw!important;height:70vh!important;background-color:#fff;border-radius:8px;box-shadow:-2px 4px 8px #0000001a}.login-button{font-size:1.1rem!important}.password-input{width:100%;padding:1rem;font-size:1.2rem!important;margin-bottom:4%!important;border:1px solid #ddd;border-radius:4px}.login-container{height:60vh!important}.register-container{height:90vh!important}.login-title{font-size:2rem;text-align:center;margin-bottom:0rem;color:#000!important}}.notification_box{cursor:pointer!important}.notification_box:hover{box-shadow:inset 500px 500px #fff!important}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#e53935;padding:1rem;position:fixed;top:0;z-index:1000;width:100vw}.gray{position:absolute;z-index:199;width:100vw;left:0;top:0;height:100vh;background-color:#0000008f}.navbar-logo{display:flex;align-items:center;color:#fff}.logo-img{width:40px;height:auto;margin-right:.5rem}.logo-text{font-size:1.5rem;font-weight:700}.navbar-links{display:flex;list-style:none;align-items:center;padding:0;margin:0;margin-right:3vw!important}.navbar-item{margin-left:1rem}.navbar-link{color:#fff;text-decoration:none;padding:.5rem 1rem}.navbar-link-mobile{color:#fff;text-decoration:none;padding:0rem 1rem;display:none}.navbar-item-mobile{margin-left:1rem;display:none}.user{width:40px;height:40px;border-radius:50%;object-fit:cover;cursor:pointer}.profile-menu{width:13vw;position:absolute;top:50px;right:0;background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 10px #0000001a;z-index:1000!important}.profile-menu button{background:none;border:none;padding:10px 20px;width:100%;text-align:left;cursor:pointer;font-size:1rem}.profile-menu button:hover{background-color:#f5f5f5}.subscription-card{margin:2rem auto;font-family:Helvetica Neue,Arial,sans-serif;max-width:400px;background:#fff;border-radius:12px;padding:2rem;box-shadow:0 6px 20px #0000001a;text-align:left}h1{font-size:1.5rem;margin-bottom:1rem}.subscription-status{margin-top:1rem}.subscription-status-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 10px #0000000d;max-width:500px;margin:auto}.status-row{display:flex;align-items:center;margin-bottom:20px;gap:15px;padding:12px;border-radius:8px;background:#f9f9f9;transition:background .3s ease}.status-row:hover{background:#f0f0f0}.status-icon{font-size:24px;color:#444;flex-shrink:0}.status-details{display:flex;flex-direction:column}.status-details h4{margin:0;font-size:1rem;color:#555;font-weight:500}.status-details strong{font-size:1.1rem;color:#222;margin-top:4px}.status-active{color:#4caf50;font-weight:700}.status-inactive{color:#f44336;font-weight:700}.btn{padding:.75rem;border:none;border-radius:5px;cursor:pointer;margin-top:1rem;width:100%;font-size:1rem;color:#fff;transition:background-color .3s,transform .2s}.btn-subscribe{background-color:#4caf50}.btn-subscribe:hover{background-color:#45a049}.btn-cancel{background-color:#ff4c4c}.btn-cancel:hover{background-color:#ff1c1c}.btn-payment{background-color:#007bff}.btn-payment:hover{background-color:#0056b3}.btn:hover{transform:translateY(-2px)}.card-footer{display:flex;justify-content:space-between;margin-top:1.5rem}.overview-container{margin:2rem;font-family:Arial,sans-serif}.progress-bars{display:flex;justify-content:space-between;margin-top:4vh}.progress-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4px}.progress-description{font-size:1.2rem;font-weight:700}.progress-section{display:flex;flex-direction:column;align-items:center;width:96%!important}circle-progress{width:100px;height:110px}.courses-section{margin-top:4vh}.courses-section h2,.courses-section h3{margin-bottom:1rem}.courses-section ul{list-style-type:none;padding:0}.courses-section li{background-color:#f5f5f5;margin:.5rem 0;padding:.5rem 1rem;border-radius:5px;cursor:pointer}.courses-section li:hover{background-color:#a10000;color:#fff}.markAsRead{right:0;position:sticky;background-color:red;color:#fff;font-size:.7vw;border:none;border-radius:5%;padding:10px;cursor:pointer}.markAsRead:hover{background-color:#f77a7a}@media (max-width: 1000px){.user{padding:0 14px!important}}@media (max-width: 650px){.navbar-links{display:flex;list-style-type:none}.notificationBody{font-size:3w!important}.notificationTitle{font-size:5vw!important}.notificationDate{font-size:3vw!important}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#e53935;padding:1rem;width:95%!important}.navbar-logo{align-items:center;color:#fff}.logo-img{width:40px;height:auto;margin-right:.5rem}.logo-text{display:none;font-size:1.2rem;font-family:Alfa Slab One,serif!important;font-weight:400;font-style:normal}.navbar-item{margin-left:1rem}.navbar-item-mobile{margin-left:1rem;display:block}.navbar-link{color:#fff;text-decoration:none;padding:0rem 1rem;display:none}.navbar-link-mobile{color:#fff;text-decoration:none;padding:0rem 1rem;display:block}.landing_nav{display:block;font-size:.7em}.profile-menu{position:absolute;top:50px;right:10px;width:240px;background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 10px #0000001a;z-index:1000}.navbar-item a{text-decoration:none!important}.profile-menu button{background:none;border:none;padding:22px 20px;width:100%;text-align:left;cursor:pointer;font-size:1.1rem;border-bottom:1px solid gray}.profile-menu button:hover{background-color:#f5f5f5}.btn{padding:.5rem 1rem;border:none;border-radius:5px;cursor:pointer;margin:1rem .5rem 0 0;display:flex;align-items:center;font-size:1rem}.btn i{margin-right:.5rem}.btn-cancel{background-color:#ff4c4c;color:#fff}.btn-cancel:hover{background-color:#ff1c1c}.btn-payment{background-color:#007bff;color:#fff}.btn-payment:hover{background-color:#0056b3}.btn_negative:hover{box-shadow:inset 200px 200px #ffffff35}.overview-container{margin:0rem;font-family:Arial,sans-serif}.progress-bars{display:flex;margin-top:4vh}.progress-item{display:flex;flex-direction:column;align-items:center;text-align:center}.progress-description{font-size:.5rem;font-weight:700}.progress-section{display:flex;width:220px;overflow:hidden;flex-direction:column;align-items:center}circle-progress{width:120px;height:110px}.courses-section{margin-top:4vh}.courses-section h2,.courses-section h3{margin-bottom:1rem}.courses-section ul{list-style-type:none;padding:0}.courses-section li{background-color:#f5f5f5;margin:.5rem 0;padding:.5rem 1rem;border-radius:5px}}.modal-background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{background-color:#fff;padding:20px;border-radius:5px;align-items:end;justify-content:end;justify-items:end;width:90%!important;height:auto!important;max-width:600px;overflow:scroll;position:relative;box-shadow:0 0 10px #0000004d}.first_access_container{position:fixed;top:0;left:0;width:100%;z-index:30;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.first_access_content{background-color:#fff;padding:80px;border-radius:5px;align-items:center;justify-content:center;justify-items:center;width:90%!important;height:auto!important;max-width:600px;overflow:scroll;position:relative;box-shadow:0 0 10px #0000004d}.first_access_close{background-color:#d0451b;cursor:pointer;color:#fff;width:100%;border:none;padding:20px}.first_access_close:hover{box-shadow:inset 500px 500px #ffffff54}.close-btn{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;font-size:16px;color:#888}.close-btn:hover{color:#333}.progress-description{font-size:1.2em}.overview-container{border-radius:5px;box-shadow:0 0 10px 2px #929292;width:100%;margin-right:1%}.progress-item{margin-top:4%;padding:20px;border-radius:5px;box-shadow:1px 1px 8px 4px #aaa;margin-right:60%;width:93%;max-width:79vw}.exercise-btn{background:none;border:none;cursor:pointer;font-size:16px;color:#007bff;margin-bottom:10px;height:auto}.exercise-btn:hover{text-decoration:underline}.myButtonGreen{box-shadow:0 4px 6px #0000001a;background:linear-gradient(to bottom,#3e8e41 5%,#2e7d32);border-radius:5px;border:none;display:inline-block;cursor:pointer;color:#fff;font-family:Helvetica Neue,Arial,sans-serif;width:50vw;font-size:1em!important;padding:16px 2px;text-decoration:none;transition:all .3s ease}.myButtonGreen:hover{background:linear-gradient(to bottom,#3e8e41 5%,#2e7d32);transform:translateY(-2px)}.myButton,.modalBtn{box-shadow:0 4px 6px #0000001a;background:linear-gradient(to bottom,#d0451b 5%,#bc3315);border-radius:5px;border:none;display:inline-block;cursor:pointer;color:#fff;font-family:Helvetica Neue,Arial,sans-serif;width:50vw;font-size:1em!important;padding:16px 2px;text-decoration:none;transition:all .3s ease}.myButton:hover,.modalBtn:hover{background:linear-gradient(to bottom,#bc3315 5%,#d0451b);transform:translateY(-2px)}.myButtonBlue{box-shadow:0 4px 6px #0000001a;background:linear-gradient(to bottom,#007bff 5%,#0056b3);border-radius:5px;border:none;display:inline-block;cursor:pointer;color:#fff;font-family:Helvetica Neue,Arial,sans-serif;width:50vw;font-size:14px;padding:16px 2px;text-decoration:none;transition:all .3s ease}.myButtonBlue:hover{background:linear-gradient(to bottom,#0056b3 5%,#004085);transform:translateY(-2px)}.myButtonPurple{box-shadow:0 4px 6px #0000001a;background:linear-gradient(to bottom,#7f003d 5%,#3f0037);border-radius:5px;border:none;display:inline-block;cursor:pointer;color:#fff;font-family:Helvetica Neue,Arial,sans-serif;width:50vw;font-size:1em!important;padding:16px 2px;text-decoration:none;transition:all .3s ease}.myButtonPurple:hover{background:linear-gradient(to bottom,#a100b3 5%,#6c0070);transform:translateY(-2px)}.myButton:active{position:relative;top:1px}@media (max-width: 600px){.progress-item{margin-top:4%;padding:20px;border-radius:5px;box-shadow:1px 1px 8px 4px #aaa;align-self:center;margin-right:-1vw!important;width:82vw}.continuar_curso{display:none}.markAsRead{font-size:.7em}}.cancel_subscription{position:absolute;z-index:200;width:50%;left:25%;top:35vh;background-color:#fff;height:30vh;border:2px solid red;text-align:center;padding:40px;border-radius:5px}.sim{width:90%;text-align:center;font-size:1.4em;padding:4px}.close{color:red;position:absolute;right:1%;cursor:pointer;top:1%;font-size:140%;padding:4px}body,h1,h2,h3,p,input,button{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{background-color:#f2f2f2;color:#444}.container{width:100%;max-width:1200px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.title{font-size:3rem;margin-bottom:2rem;color:#333;text-align:center}.subtitle{font-size:1.5rem;margin-bottom:2rem;color:#666;text-align:center}.login-container,.register-container{width:100%;max-width:400px;background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 8px #0000001a}.link{color:red!important;text-decoration:underline;cursor:pointer}.password-input{width:100%;padding:1rem;font-size:1rem;margin-bottom:1rem;border:1px solid #ddd;border-radius:4px}.login-button{width:100%;padding:1rem;font-size:1rem;cursor:pointer;background-color:#007bff;color:#fff;border:none;border-radius:4px;transition:background-color .3s ease}.login-button:hover{background-color:#0056b3}@media (max-width: 768px){.container{padding:1rem}.title{font-size:2.5rem}.subtitle{font-size:1.2rem}.login-container{padding:1.5rem}}.course-details{max-width:1300px;margin:0 auto;margin-top:13vh;padding:20px;height:auto!important;background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a}@media (max-width: 600px){.circle-progress-wrapper{transform:scale(.6)}}@media (min-width: 601px) and (max-width: 1024px){.circle-progress-wrapper{transform:scale(.8)}}@media (min-width: 1025px){.circle-progress-wrapper{transform:scale(1)}}.course_act{background:linear-gradient(#fc5c5c,red);font-size:.7em;color:#fff;border:none;padding:10px;-moz-border-radius:0px;-webkit-border-radius:3px 3px 0px 0px;border-radius:5% 5% 0 0;margin-left:1px}.ask{width:100vw;height:100vh;background-color:#000c;position:absolute;top:0;z-index:9}.ask_iframe{position:fixed;z-index:10;width:70vw;height:60vh;margin-top:20vh;margin-left:15vw}.ask_close{position:absolute;top:10vh;left:0;padding:30px;font-weight:700;background-color:#fff;border:none;cursor:pointer}.ask_close:hover{box-shadow:inset 500px 500px #ff9a9a;color:#fff}.course_act:hover{box-shadow:inset 200px 200px #ffffff7c;cursor:pointer;transform:translateY(-1px)}.materials_list{position:absolute;background-color:red;padding:10px 20px;color:#fff;right:0;margin-top:2px;border:none;cursor:pointer}.materials_list:hover{background-color:#ff5e00}.reviews_list{position:absolute;background-color:#cdae00;padding:10px 20px;color:#fff;right:0;margin-top:40px;border:none;cursor:pointer}.reviews_list:hover{background-color:#fcff35}.icon{width:3vw;height:10vh}.cover{width:100%;height:30vh;object-fit:cover;border-radius:8px;margin-bottom:20px}h2{font-size:120%!important;margin-bottom:10px;color:#333}.exercise-btn{font-size:1vw;color:#fff;padding:6px;border-radius:5px;border:2px solid black;text-align:start}p{font-size:90%!important;line-height:1.6;color:#666}.modules-list{margin-top:20px}.modules-list h3{font-size:22px;color:#333;margin-bottom:10px}.modules-list ul{list-style-type:none;padding:0}.module-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;background-color:#eee;padding:10px 15px;border-radius:6px;font-size:80%;margin-bottom:8px;transition:background-color .3s ease}.continuar_curso{font-size:.8vw!important}.module-header:hover{background-color:#ff5454!important}.module-header span{font-size:18px}.module-icon{font-size:20px;color:#333}.module-icon.active{transform:rotate(45deg);transition:transform .3s ease}.course-container{border-radius:10px;overflow:hidden;display:flex;position:relative;flex-direction:column;justify-content:space-between;padding:20px;height:350px;box-sizing:border-box;color:#fff}.info{background-color:#000000bf;border-radius:10px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;height:100%}.info h2{margin:0;font-size:3vw!important;font-weight:700}.info p{margin:10px 0;color:#ddd;font-size:.8em!important;flex-grow:1}.prospection{margin-top:15px;border-top:2px solid white}.prospection h3{margin-top:2px;font-size:18px;color:#fc0;font-size:.8em!important}.prospection ul{list-style-type:none;padding:0;margin:10px 0 0}.prospection ul li{margin:5px 0;font-size:.8em!important;color:#ccc}.state{position:absolute;bottom:2vh;right:2vh;background-color:red;color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:125%;width:auto;height:auto}.state:hover{box-shadow:inset 200px 200px #ffffff6f}@media (max-width: 780px){.exercise-btn{font-size:4vw;color:#fff;padding:6px;border-radius:5px;border:2px solid black;text-align:start}.module-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;background-color:#eee;padding:10px 15px!important;border-radius:6px;margin-bottom:8px;transition:background-color .3s ease}.myButton{font-size:70%!important}.course-container{border-radius:10px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:20px;height:auto!important;box-sizing:border-box;color:#fff}.info{background-color:#000000bf;border-radius:10px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;height:100%}.info h2{margin:0;font-size:1.5em!important;font-weight:700}.info p{margin:10px 0;color:#ddd;font-size:.7em!important;flex-grow:1}.modules-list{margin-top:5vh!important}}.modal_confirm{position:fixed;top:20vh;left:3vw;width:90%;height:auto;background-color:#fff;padding:2vw;z-index:9999;box-shadow:0 0 1px 1000px #000b}.actions_section{display:flex;gap:3px}.yes{background-color:green!important;height:10vh}.yes:hover{background-color:#0eb40e}.no:hover{background-color:#ce2e2e}.floating-button-container{position:fixed;bottom:70px;right:20px;z-index:1000}.floating-button{background-color:#ff3636;color:#fff;border:none;width:70px;height:70px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:background-color .3s ease}.floating-button:hover{background-color:#c00}.floating-button i{line-height:50px;text-align:center}.content{margin-top:15vh;height:70vh;overflow:hidden!important}.ball_big{background-color:green;border-radius:50%;color:#fff;text-align:center;display:flex;justify-content:center;align-items:center;width:10vw;height:10vw;font-weight:700;position:absolute;top:45%;left:12%;z-index:2;box-shadow:0 0 15px #0004}.ball.orbit{position:absolute;top:50%;left:15%;width:5vw;height:5vw;background:#444;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;transform:rotate(calc(72deg * var(--i))) translate(0) rotate(calc(-2deg * var(--i)));animation:orbit 20s linear infinite;animation-delay:calc(-4s * var(--i));text-align:center;font-size:.8rem;z-index:1}.ball span{pointer-events:none;z-index:2}.ball .tooltip{display:none;position:absolute;bottom:-2vw;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:.5vw;font-size:.7rem;white-space:nowrap;border-radius:.4vw;box-shadow:0 0 5px #0005;z-index:10}.ball:hover .tooltip{display:block}@keyframes orbit{0%{transform:rotate(0) translate(10vw) rotate(0)}to{transform:rotate(360deg) translate(10vw) rotate(-360deg)}}.tooltip_target{position:relative;cursor:help;text-decoration:underline dotted;display:inline-block}.tooltip_target .tooltip{visibility:hidden;opacity:0;width:250px;background-color:#333;color:#fff;text-align:center;padding:6px 10px;border-radius:6px;position:absolute;z-index:10;bottom:125%;left:50%;transform:translate(-50%);transition:opacity .3s;pointer-events:none;font-size:.9em}.tooltip_target:hover .tooltip{visibility:visible;opacity:1}.right_blocks{position:absolute;right:0%;font-size:.8em!important;display:grid;grid-template-columns:.5fr .5fr;gap:2vw;padding:2vw}ul{list-style:square;text-align:start}video{margin-left:2vw!important;width:50vw!important;border:2px solid red;position:relative!important}.rightNotes{width:30%;position:absolute;height:50vw;right:0;margin-right:4vw;border-radius:1%;top:25%}.notesArea{width:100%;height:50%}.videoControlsRight{width:42%;position:absolute;height:50vh;right:0;margin-right:0%;border-radius:1%;top:30vh}video::-webkit-media-controls-fullscreen-button{display:none!important}.playerOption{margin-top:1%;background-color:red;border:2px solid black;border-radius:50%;width:4vw;height:4vw;cursor:pointer}.playerOption:hover{background-color:#ffb2b2}.controls{display:flex;width:100vw!important;position:absolute;bottom:0;height:auto;-webkit-user-select:none;user-select:none}.prev,.next{width:50%!important;color:#fff!important;font-size:2em;height:10vh!important;text-align:center;cursor:pointer;justify-content:center;align-content:center}.prev:hover,.next:hover{box-shadow:inset 1000px 1000px #ffffff37;text-align:center}.panel_container{margin-top:2vh;gap:5vw;width:100%;display:flex}.aulaTop{gap:2px;border-bottom:1px solid gray}.aulaContent{padding:30px;width:94vw;border-top:2px solid black;font-size:1.3vw;height:58vh!important}video{width:100%;height:auto;border:1px solid gray;border-radius:5px;max-height:100%;box-shadow:2px 2px 10px #0003}.aulaContent .p{padding:10px;color:#000;background-color:#ffa9a9;position:relative;border-radius:5px;-webkit-user-select:none;user-select:none;cursor:pointer;animation:show .4s ease-in;transition:all .2s ease-in-out}.aulaContent .panelFull{background-color:#fff;width:100%;height:60vh}.default_text{font-size:.9em!important}.fact{background-color:green;color:#fff;margin-top:10px;padding:10px;border-radius:5px}.aulaContent .panel{background-color:#f4ff61;text-align:center;position:relative;border-radius:5px;-webkit-user-select:none;user-select:none;cursor:pointer;padding:10px;height:auto!important;animation:fall .5s ease-in!important;transition:all .2s ease-in-out;align-items:center;width:50%!important}.aulaContent .panelHalf{background-color:#fbffa9;text-align:center;position:relative;border-radius:5px;-webkit-user-select:none;user-select:none;cursor:pointer;padding:20px;margin-top:10px;height:23vh!important;animation:fall .5s ease-in!important;transition:all .2s ease-in-out;align-items:center;width:50%!important}.p:hover{transform:translateY(3px);box-shadow:0 0 8px 8px #0003;color:#000;background-color:#ff6a6a;position:relative;border-radius:5px}.panel:hover{transform:translateY(3px);box-shadow:0 0 8px 8px #0003;color:#000;border-radius:5px;background-color:#c8e700}.panel_image{background-color:#a9baff;border-radius:10px;width:22vw;border:2px solid rgb(0,2,102);animation:show .5s ease-in!important;transition:all .2s ease-in-out;cursor:pointer}.panel_image:hover{transform:scale(1.1);box-shadow:0 0 15px 7px #0006}.desc{text-align:center}.vector{width:100px;animation:vector .9s alternate-reverse infinite,show .4s ease-in}.static{width:100%;height:auto;max-height:90%}.static img{max-width:100%;height:auto;object-fit:cover}.img{width:100%;border-radius:8px}.right_text{text-align:center;padding:20px;font-size:.9em;gap:6vh;margin-top:-2vh}.p1{margin:5px;background-color:#66fc7d;border-radius:10px;transition:all .2s ease-in-out;cursor:pointer;border:2px solid rgb(6,83,0);animation:show .5s ease-in!important;color:#000}.bubble{width:40%;height:30vh;text-align:center;justify-content:center;align-content:center;color:#fff;font-size:1.4em!important}.bubble_container{width:92vw!important}.p2{margin:5px;background-color:#7c66fc;border-radius:10px;transition:all .2s ease-in-out;cursor:pointer;border:2px solid blue;animation:show .5s ease-in!important}.p2:hover{transform:scale(1.05);box-shadow:0 0 15px 7px #0006}.p3{margin:5px;background-color:#fca966;border-radius:10px;padding:4px 10px;transition:all .2s ease-in-out;cursor:pointer;border:2px solid blue;animation:show .5s ease-in!important;color:#000}.p3:hover{transform:scale(1.05);box-shadow:0 0 15px 7px #0006}.desc{color:#000}.long_image{width:300px}.aulaContent .panel2{background-color:#e1a4ff;text-align:center;position:relative;border-radius:5px;-webkit-user-select:none;user-select:none;cursor:pointer;padding:10px;height:auto!important;animation:fall .5s ease-in!important;transition:all .2s ease-in-out;align-items:center;width:1000%!important}.circle{background-color:#ff6a6a;color:#fff;text-align:center;align-items:center;align-content:center;border-radius:50%;width:70%}.panel2:hover{transform:translateY(3px);box-shadow:0 0 8px 8px #0003;color:#000;border-radius:5px;background-color:#db00e7}@keyframes vector{0%{transform:scale(1)}to{transform:scale(1.2)}}@keyframes show{0%{left:-100vw}to{left:0}}@keyframes fall{0%{top:-50vh}to{top:0}}.audio-card{background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:1rem;padding:1rem;color:#fff;font-family:Segoe UI,sans-serif;box-shadow:0 4px 12px #0000001a;max-width:600px;margin:1rem auto;transition:transform .2s ease}.audio-card:hover{transform:scale(1.02)}.audio-row{display:flex;align-items:center;gap:1rem}.play-button{background-color:#fff;color:#00bcd4;border:none;border-radius:50%;width:3rem;height:3rem;font-size:1.5rem;cursor:pointer}.audio-text{font-size:1.3rem;font-weight:700;margin:0}.audio-explanation{font-size:.95rem;color:#e0f7fa;margin-top:.5rem}@media (max-width: 700px){.audio-row{flex-direction:column;text-align:center}.audio-text{font-size:1.2rem!important}.play-button{margin-bottom:.5rem}.audio-explanation{font-size:1rem!important;color:#e0f7fa;margin-top:.5rem}.videoControlsRight{width:100%;position:absolute;bottom:5vh;left:0;display:flex;flex-wrap:wrap;justify-content:start;gap:.2rem;padding:1rem;border-radius:10px;margin-top:49vh!important}.playerOption{background-color:red;border:2px solid black;border-radius:50%;width:60px;height:60px;font-size:3vh;display:flex;align-items:center;justify-content:center;cursor:pointer}.rightNotes{width:96%!important;position:absolute;height:20vh;left:2%;margin-right:0;margin-top:25vh;border-radius:1%;top:35vh}.notesArea{font-size:150%;width:97%;height:100%}video{width:94%!important}.content{margin-top:10vh;height:76vh;overflow:hidden}}@media (max-width: 800px){.returnBtn{width:52px!important;height:52px!important}video{width:95.5%!important}.aulaContent{overflow-y:scroll!important}.fact{font-size:3em!important}.videoControlsRight{width:100%;position:absolute;bottom:5vh;left:0;display:flex;flex-wrap:wrap;justify-content:start;gap:.2rem;padding:1rem;border-radius:10px;margin-top:42vh!important}.playerOption{background-color:red;border:2px solid black;border-radius:50%;width:60px;height:60px;font-size:3vh;display:flex;align-items:center;justify-content:center;cursor:pointer}.vector{width:60px;animation:vector .9s alternate-reverse infinite,show .4s ease-in}.withBg{max-width:90vw!important;background-size:contain!important;height:70%!important}.aulaTitle{font-size:1.7em;padding:5px}.aulaContent{padding:17px!important;width:93%;flex-wrap:wrap}.aulaContent .p{padding:10px;color:#000;background-color:#ffa9a9;position:relative;border-radius:5px;-webkit-user-select:none;user-select:none;cursor:pointer;font-size:4vw!important;animation:show .4s ease-in;transition:all .2s ease-in-out}.aulaContent .panel_container{display:block!important;align-items:center;width:98%;justify-content:center;align-content:center;justify-items:center}.aulaContent .panel{margin-top:4px;flex:1 0 10%;background-color:#fbffa9;text-align:center;position:relative;border-radius:5px;font-size:2.5em!important;overflow-y:scroll;-webkit-user-select:none;user-select:none;cursor:pointer;padding:20px;height:20vh!important;animation:fall .5s ease-in!important;transition:all .2s ease-in-out;align-items:center;width:90%!important}.aulaContent .panelHalf{background-color:#fbffa9;text-align:center;position:relative;border-radius:5px;-webkit-user-select:none;user-select:none;cursor:pointer;padding:20px;height:23vh!important;animation:fall .5s ease-in!important;transition:all .2s ease-in-out;align-items:center;width:50%!important}.content{margin-top:10vh;height:76vh;overflow:hidden}.default_text{font-size:2.2vw!important}.rightNotes{width:99.5%!important;position:absolute;height:20vh;left:2%;margin-right:0;margin-top:21vh;border-radius:1%;top:30vh}.notesArea{font-size:150%;width:95%;height:100%}}.cm-s-material.CodeMirror{background-color:#263238;color:#eff}.cm-s-material .CodeMirror-gutters{background:#263238;color:#546e7a;border:none}.cm-s-material .CodeMirror-guttermarker,.cm-s-material .CodeMirror-guttermarker-subtle,.cm-s-material .CodeMirror-linenumber{color:#546e7a}.cm-s-material .CodeMirror-cursor{border-left:1px solid #FFCC00}.cm-s-material.cm-fat-cursor .CodeMirror-cursor,.cm-s-material .cm-animate-fat-cursor{background-color:#5d6d5c80!important}.cm-s-material div.CodeMirror-selected,.cm-s-material.CodeMirror-focused div.CodeMirror-selected{background:#80cbc433}.cm-s-material .CodeMirror-line::selection,.cm-s-material .CodeMirror-line>span::selection,.cm-s-material .CodeMirror-line>span>span::selection{background:#80cbc433}.cm-s-material .CodeMirror-line::-moz-selection,.cm-s-material .CodeMirror-line>span::-moz-selection,.cm-s-material .CodeMirror-line>span>span::-moz-selection{background:#80cbc433}.cm-s-material .CodeMirror-activeline-background{background:#00000080}.cm-s-material .cm-keyword{color:#c792ea}.cm-s-material .cm-operator{color:#89ddff}.cm-s-material .cm-variable-2{color:#eff}.cm-s-material .cm-variable-3,.cm-s-material .cm-type{color:#f07178}.cm-s-material .cm-builtin{color:#ffcb6b}.cm-s-material .cm-atom{color:#f78c6c}.cm-s-material .cm-number{color:#ff5370}.cm-s-material .cm-def{color:#82aaff}.cm-s-material .cm-string{color:#c3e88d}.cm-s-material .cm-string-2{color:#f07178}.cm-s-material .cm-comment{color:#546e7a}.cm-s-material .cm-variable{color:#f07178}.cm-s-material .cm-tag{color:#ff5370}.cm-s-material .cm-meta{color:#ffcb6b}.cm-s-material .cm-attribute,.cm-s-material .cm-property{color:#c792ea}.cm-s-material .cm-qualifier,.cm-s-material .cm-variable-3,.cm-s-material .cm-type{color:#decb6b}.cm-s-material .cm-error{color:#fff;background-color:#ff5370}.cm-s-material .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important}.cm-s-neat span.cm-comment{color:#a86}.cm-s-neat span.cm-keyword{line-height:1em;font-weight:700;color:#00f}.cm-s-neat span.cm-string{color:#a22}.cm-s-neat span.cm-builtin{line-height:1em;font-weight:700;color:#077}.cm-s-neat span.cm-special{line-height:1em;font-weight:700;color:#0aa}.cm-s-neat span.cm-variable{color:#000}.cm-s-neat span.cm-number,.cm-s-neat span.cm-atom{color:#3a3}.cm-s-neat span.cm-meta{color:#555}.cm-s-neat span.cm-link{color:#3a3}.cm-s-neat .CodeMirror-activeline-background{background:#e8f2ff}.cm-s-neat .CodeMirror-matchingbracket{outline:1px solid grey;color:#000!important}.react-codemirror2{position:absolute!important;z-index:0!important;top:35vh;width:90vw;height:40%!important;border:2px solid red;overflow:hidden}.ide_box{background-color:#fff;height:60vh;margin-left:3%;position:relative;width:93vw;border-radius:50px;box-shadow:2px 2px 2px 2px #0000008f}.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid black;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{background:transparent}.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:transparent}.cm-fat-cursor{caret-color:transparent}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3,.cm-s-default .cm-type{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error,.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:#ff96004d}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:none;position:relative;z-index:0}.CodeMirror-sizer{position:relative;border-right:50px solid transparent}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{position:absolute;z-index:6;display:none;outline:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:none!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors,.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:#ff06}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:none}.question-container{max-width:600px;margin:0 auto;padding:20px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 6px #0000001a;font-family:Arial,sans-serif}.question-title{font-size:1.8rem;margin-bottom:20px;color:#333;text-align:center}.options-container{display:flex;flex-direction:column;gap:10px}.option{background-color:#fff;padding:10px;border:1px solid #ddd;border-radius:5px;transition:background-color .2s}.option:hover{background-color:#f0f0f0}.option-label{font-size:1.2rem;color:#333;display:flex;align-items:center}.feedback{margin-top:20px;padding:10px;background-color:#e7f4e4;border:1px solid #c7e0c4;border-radius:5px;color:#3a7d32;font-size:1.1rem}.question-container{max-width:600px;margin:0 auto;padding:20px;background-color:#f9f9f9;border-radius:12px;box-shadow:0 4px 8px #0000001a}.question-title{font-size:24px;color:#333;margin-bottom:20px}.options-container{margin-bottom:20px}.option{margin-bottom:10px}.option-label{font-size:18px;color:#555}.option-input{margin-right:10px}.correct{background-color:#d4edda;border-left:5px solid #28a745}.incorrect{background-color:#f8d7da;border-left:5px solid #dc3545}.submit-button{display:inline-block;padding:10px 20px;font-size:18px;color:#fff;background-color:#007bff;border:none;border-radius:25px;cursor:pointer;transition:background-color .3s ease;box-shadow:0 4px 6px #007bff4d}.submit-button:hover{background-color:#0056b3}.try-again-button{margin-top:10px;padding:10px 15px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.try-again-button:hover{background-color:#0056b3}.error-feedback{margin-top:15px;color:#dc3545}.container{background-color:#fff;width:30vw;height:50vh;margin-top:20vh;border-radius:8px;box-shadow:0 4px 8px #0000001a}.btn{width:100%;font-size:1rem;cursor:pointer;background-color:#c60000;color:#fff;border:none;border-radius:4px;transition:background-color .3s ease}.emailInput{width:100%;padding:1rem;font-size:1rem;border:1px solid #ddd;border-radius:4px}@media screen and (max-width: 800px){.container{background-color:#fff;width:80vw;height:50vh;margin-top:20vh;border-radius:8px;box-shadow:0 4px 8px #0000001a}}.contact-cards{display:flex;justify-content:center;gap:20px;width:100vw;margin-top:30vh}.card{border:2px solid black;align-items:center!important;justify-content:center!important;align-content:center!important;background-color:#750000ca;cursor:pointer;border-radius:8px;display:flex;align-items:center;padding:20px;width:21%;height:250px;color:#fff;transition:transform .3s ease}.card:hover{transform:translateY(-10px)}.icon{font-size:6rem;color:#337a00;margin-right:20px;align-items:center;text-align:center;justify-items:center;margin-left:0vw;padding:10%;width:50%}.info h3{margin:0;font-size:1.2rem}.info p{margin:5px 0 0;color:#c3e600}.border{width:90vw;margin-left:5vw;margin-top:5vh;background-color:#fff;height:90vh;border:2px solid black;text-align:center;z-index:1;overflow:hidden;position:relative}.qrWrapper{position:absolute;right:5%;bottom:10%;width:170px;height:170px;z-index:2}.qrCode{width:100%;height:100%}.logo{position:absolute;width:5vw;right:2%;top:2%}.signatureBlock{display:flex;flex-direction:column;align-items:flex-start;position:absolute;margin-left:0%;width:100vw;bottom:7%}.signatureLine{width:100%;height:2px;background-color:#000;margin-bottom:0;margin-left:10.5%;align-self:flex-start}.signature{position:absolute;width:13vw;margin-top:-12%;margin-left:13.5%;object-fit:contain;align-self:flex-start}.signatureInfo{font-size:.4vw;text-align:left;position:relative;align-self:flex-start;text-align:center}.title{padding:40px;font-size:7vh}.body{font-size:3vh;padding:5px;width:70%;margin-left:15%}.littleThingy{width:20%;height:45%;top:-20vh;position:absolute;margin-left:-15%!important;z-index:0;background-color:#ff6060;transform:rotate(40deg);clip-path:polygon(100% 0,100% 100%,0% 100%)}.bottomThingy{width:100%;height:20px;background-color:#ff6060;position:absolute;bottom:0}.newIcon{font-size:1.4em}.print_btn{width:100px;height:100px;border-radius:50%;background-color:#e63946;color:#fff;font-weight:700;font-size:.7rem!important;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 8px #00000026;transition:background-color .3s ease,box-shadow .3s ease;-webkit-user-select:none;user-select:none;position:absolute;z-index:4}.print_btn:hover{background-color:#d62828;box-shadow:0 8px 16px #00000040}.print_btn:active{background-color:#b22222;box-shadow:0 2px 4px #0003;transform:scale(.95)}.spinner{width:56px;height:56px;margin-left:47%;margin-top:17%;border:11.2px #ff4747 double;border-left-style:solid;border-radius:50%;animation:spinner-aib1d7 .75s infinite linear}@keyframes spinner-aib1d7{to{transform:rotate(360deg)}}@media (max-width: 800px){.signature{width:25vw;top:40%!important;left:5%}}@media (max-width: 480px){.border{width:95vw;margin-left:2vw;margin-top:2vh;height:85vh}.logo{width:10vw;top:5%}.signatureLine{width:40%;top:85%}.signature{width:25vw;top:70%}.title{font-size:12vw;padding:15px}.body{font-size:4vw;margin-left:10%;width:80%}.signatureInfo{font-size:4vw;left:10%}.littleThingy{width:30%;height:50%;top:-15vh;margin-left:-10%}.print_btn{width:50px;height:50px;font-size:3vw}}@media (min-width: 481px) and (max-width: 768px){.border{width:90vw;margin-left:5vw;margin-top:5vh;height:85vh}.logo{width:8vw;top:3%}.signatureLine{width:30%;top:80%}.signature{width:15vw;top:65%}.title{font-size:8vh;padding:20px}.body{font-size:2.5vh;margin-left:12%;width:75%}.signatureInfo{font-size:2.5vw;left:15%}.littleThingy{width:25%;height:40%;top:-15vh;margin-left:-10%}.print_btn{width:60px;height:60px;font-size:3.5vw}}@media (min-width: 769px){.border{width:90vw;margin-left:5vw;margin-top:5vh;height:90vh}.logo{width:5vw;top:2%}.signatureLine{width:20%;top:82%}.signature{width:13vw;top:60%}.title{font-size:7vh;padding:40px}.body{font-size:3vh;margin-left:15%;width:70%}.signatureInfo{font-size:1.35vw;left:14%}.littleThingy{width:20%;height:45%;top:-20vh}.print_btn{width:100px;height:100px;font-size:1.5vw}}.positionContainer{margin-top:2vh;padding:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.apps_container{display:flex;flex-wrap:wrap;gap:16px;width:97vw;max-width:1200px;margin:auto;overflow-y:auto;box-sizing:border-box;padding:10px}.applied_card{flex:1 1 calc(33.33% - 16px);box-sizing:border-box;min-width:280px;max-width:100%;height:150px;border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:1px 20px;box-shadow:0 2px 6px #00000014;transition:transform .2s ease,box-shadow .2s ease;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.applied_card:hover{transform:scale(1.01);box-shadow:0 4px 12px #00000026}.card_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.card_header h3{margin:0;font-size:1.2rem}.status{padding:4px 10px;border-radius:6px;font-size:.85rem;font-weight:500;color:#333}.status_0{background-color:#e0e0e0}.status_1{background-color:#ffcdd2;color:#b71c1c}.status_2{background-color:#c8e6c9;color:#1b5e20}.card_msg{margin:12px 0;color:#555}.card_date{font-size:.85rem;color:#888;text-align:right}.position{background-color:#f9f9f9!important;border:2px solid darkred;border-radius:8px;padding:20px;color:#000!important;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease}.position:hover{transform:translateY(-5px)}.position h1{font-size:1.5rem;margin-bottom:10px}.position p{font-size:1rem;color:#555}.posted_at{display:block;margin-top:10px;font-size:.9rem;color:#777}.apply{background-color:#8b0000;color:#fff;padding:10px 15px;border:none;margin-top:6%;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.apply:hover{background-color:#c11e00}.closed{color:#999;font-weight:700;font-size:1.1rem;margin-top:10px}.search-container{display:flex;justify-content:center;margin-top:20vh}.search-input{width:80%;padding:12px;border-radius:5px;border:1px solid #ccc;font-size:1rem}.position{background-color:#222;padding:20px;margin:20px 0;border-radius:8px;color:#fff;box-shadow:0 4px 8px #0003}.employer-container{display:flex;align-items:center}.verified-badge{margin-left:10px;background-color:#4caf50;color:#fff;padding:3px 8px;max-height:20px;text-align:center;text-wrap:nowrap;border-radius:12px;font-size:.8rem}.apply{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer}.apply:hover{background-color:#45a049}.closed{color:red;font-weight:700}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background-color:#fff;color:#333;display:block;justify-items:start;padding:30px;border-radius:8px;width:80%;max-width:600px;box-shadow:0 4px 8px #0003;position:relative}.modal-content h3{margin-bottom:20px;font-size:1.5rem;font-weight:700}.modal-content form{display:flex;flex-direction:column;width:100%;border-top:1px solid black}.modal-content label{margin-top:10px;margin-bottom:5px;font-size:1rem}.modal-content input,.modal-content textarea{padding:12px;margin-bottom:15px;border-radius:6px;border:1px solid #ccc;font-size:1rem;max-width:180%}.submit-btn{background-color:#4caf50;color:#fff;padding:12px;border:none;border-radius:6px;cursor:pointer}.submit-btn:hover{background-color:#45a049}.close-btn{background-color:#f44336;color:#fff;padding:10px;border:none;border-radius:6px;cursor:pointer;position:absolute;top:10px;right:10px}.close-btn:hover{background-color:#e53935}.module-link{display:inline-block;padding:8px 15px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:4px;transition:background-color .3s}.summary-container{background:#f9f9f9;padding:20px;border-radius:6px;box-shadow:0 2px 8px #0000001a;max-width:700px;margin:0 auto;font-family:Arial,sans-serif;color:#333}.summary-list{list-style:none;padding-left:0;margin-top:15px}.summary-item{padding:10px;border-bottom:1px solid #ddd;font-size:14px}.summary-item:last-child{border-bottom:none}.submit-button{margin-top:20px;padding:10px 18px;font-size:16px;background-color:#2d8cff;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background-color .3s ease}.submit-button:hover{background-color:#1a6ed8}.review-button{margin-top:10px;padding:10px 20px;font-size:14px;background-color:#f0f0f0;color:#333;border:1px solid #ccc;border-radius:5px;cursor:pointer}.landingBtn{background-color:transparent;border:2px solid white;width:45vw;max-width:200px;color:#fff;margin:10px;font-size:1.8rem;padding:12px;transition:all .3s ease}div{scrollbar-width:none;-ms-overflow-style:none}div::-webkit-scrollbar{display:none}.landingBtn:hover{background-color:#fff;color:#000;cursor:pointer}.courses-container2{box-shadow:3px 3px 1px 3px red;background-color:#fff3;width:25vw;min-width:250px;color:#fff;margin-top:10%!important;width:80vw!important;padding:20px;text-align:center;margin:20px auto}.courses-container2 h1{font-size:24px;color:#000;margin-bottom:10px}.courses-container2 ul{text-align:center!important}.heroo{margin-top:50vh!important}.courses-container2 ul{list-style:none;padding:0}.courses-container2 li{font-size:18px;color:#fff;padding:10px;border-radius:5px;margin-top:5px}.feature-card{background-color:#fff3;border-radius:8px;padding:20px;width:25vw;min-width:250px;text-align:center;color:#fff;margin:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 40px #0000004d;cursor:pointer}.feature-card:hover{background-color:#ffffff71}.feature-card .feature-icon{font-size:3rem;margin-bottom:15px}.feature-card h3{font-size:1.8rem;margin-bottom:10px}.feature-card p{font-size:1.2rem;margin:0}.footer{background-color:#000c;color:#fff;padding:20px;text-align:center;font-size:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border-top:1px solid rgba(255,255,255,.3)}.footer p{margin:5px 0}.footer .social-icons{margin:15px 0;display:flex;justify-content:center;gap:15px}.footer .social-icons a{color:#fff;font-size:1.5rem;text-decoration:none;transition:color .3s ease}.footer .social-icons a:hover{color:#f5a623}.footer .terms-link{color:#fff;text-decoration:none;font-size:1rem;margin-top:10px}.footer .terms-link:hover{text-decoration:underline}.all::-webkit-scrollbar{display:none}.all{-ms-overflow-style:none;scrollbar-width:none}@media screen and (max-width: 768px){.feature-card{width:40vw}.landingBtn{width:80vw}.feature-card .feature-icon{font-size:2.5rem}.feature-card h3{font-size:1.6rem}.feature-card p{font-size:1rem}.feature-card{width:82vw!important}.landingBtn{margin:8px;font-size:1rem;width:90vw}.feature-card .feature-icon{font-size:2rem}.feature-card h3{font-size:1.5rem}.feature-card p,.footer{font-size:.9rem}.footer .social-icons a{font-size:1.3rem}}@media screen and (max-width: 1600px){.heroo{margin-top:600px!important}}@media screen and (max-width: 1300px){.heroo{margin-top:700px!important}}@media screen and (max-width: 900px){.feature-card{width:82vw!important}.cta{background-color:#000;position:sticky;z-index:2;width:100vw;bottom:0}.landingBtn{margin:8px;font-size:1rem;width:40vw;height:10vh}.feature-card .feature-icon{font-size:2rem}.feature-card h3{font-size:1.5rem}.feature-card p{font-size:.9rem}.heroo{margin-top:900px!important}.courses-container{width:80vw!important;margin-top:20%!important}}.material{width:90%;height:auto;padding:10px;border:2px solid black;border-radius:5px;position:relative;margin-top:1%;transition:all .2s ease-in-out}.filetype{position:absolute;right:0;top:0;height:100%;width:20%;text-align:center;align-items:center;justify-content:center;align-content:center;justify-items:center;color:#fff;font-size:140%}.material:hover{transform:translate(4px)}.materialsContainer{margin-top:20vh;padding:20px}.materialDownload{font-size:1.4em;padding:10px;cursor:pointer}.reading_modal{position:absolute;z-index:49999;width:80vw;height:90%;top:10vh;background-color:#fff;margin-left:10vw;border-radius:5px;box-shadow:0 0 0 1000px #000000c2}.reading_modal_title{width:100%;height:5%;background-color:red;padding:0 1px;align-items:center;justify-content:center;align-content:center;justify-items:center;color:#fff;font-size:1.3em;position:relative}.CLOSE{position:absolute;right:0;padding:1px;margin-right:2%;cursor:pointer}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors: active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--scale-factor));width:100%;min-width:calc(180px * var(--scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) #888;border-radius:calc(2px * var(--scale-factor));padding:calc(6px * var(--scale-factor));margin-left:calc(5px * var(--scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--scale-factor));padding-top:calc(2px * var(--scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}.settingsContainer{margin-top:15vh;padding:24px;display:flex;flex-direction:column;gap:24px;max-width:600px;margin-left:auto;margin-right:auto;font-family:Segoe UI,sans-serif}.input_default{height:44px;padding:0 12px;border-radius:8px;border:1px solid #ccc;font-size:16px}label{font-weight:600;margin-bottom:4px}.avatar_container{display:flex;gap:16px;overflow-x:auto;padding:8px 0}.avatar,.avatar_selected{width:80px;height:80px;border-radius:50%;border:3px solid transparent;transition:all .3s ease;object-fit:cover}.avatar:hover{transform:scale(1.05);border-color:#f55;cursor:pointer}.avatar_selected{border-color:#0c4;box-shadow:0 0 8px #00c80099}.avatar_selected:hover{transform:scale(1.05);border-color:#0c4}.btn{padding:16px;font-size:16px;font-weight:700;border-radius:8px;border:none;cursor:pointer;transition:background .3s;color:#fff}.btn:hover{opacity:.9}.btn-danger{background-color:#e53935}.btn-save{background-color:#43a047}@media screen and (max-width: 768px){.avatar,.avatar_selected{width:60px;height:60px}.settingsContainer{padding:16px}}.live_container{display:flex;flex-direction:row;width:100%;height:90vh;margin-top:0vh;overflow:hidden}.video-wrapper,.chat-wrapper{flex:1;display:flex;justify-content:center;align-items:center}.video-wrapper iframe,.chat-wrapper iframe{width:95%;height:75%;border:none;border-radius:12px;border:2px solid red}.live-info{padding:1rem 2rem;text-align:center;background-color:#f8f9fa;border-radius:12px;max-width:800px;margin-left:auto;margin-right:auto;box-shadow:0 4px 10px #0000001a}.live-title{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:#222}.live-details{display:flex;flex-direction:row;justify-content:center;gap:1.5rem;font-size:1.1rem;color:#555}.live-time:before{content:"🕒 "}@media screen and (max-width: 768px){.live_container{flex-direction:column;height:80vh;margin-top:3vh}.video-wrapper,.chat-wrapper{width:100%;height:auto!important}.video-wrapper iframe,.chat-wrapper iframe{width:100%;height:100%;border-radius:0}.live-title{font-size:1.4rem}.live-details{flex-direction:column;font-size:1rem}.live-info{padding:1rem}}.cert-validation-container{font-family:Segoe UI,sans-serif;background-color:#f9f9f9;min-height:100vh}.navbar{display:flex;align-items:center;padding:1rem 2rem;color:#fff}.nav-logo{height:40px;margin-right:1rem}.nav-title{font-size:1.5rem;font-weight:700}.validation-content{padding:4rem 2rem;text-align:center}.status{margin-top:2rem;font-size:1.2rem}.status.valid{color:#2e7d32}.status.invalid{color:#c62828}.status.loading{color:#555}.left_screen{width:30%;height:100vh;background-color:#000;background-size:cover!important;background-blend-mode:darken!important;position:relative;background-repeat:no-repeat!important}.course_info_block{position:absolute;bottom:20%;left:0;padding:20px;color:#fff;width:90%}.course_title{text-decoration:underline;font-size:2em;font-weight:700}.course_desc{font-size:.8em!important;line-height:1.5;color:#ff9595;font-weight:strong}.prof_container{display:flex;width:100vw;height:100vh;overflow:hidden}.right_screen{width:70%;height:100vh;background-color:#fdfdfd;overflow-y:auto;padding:40px 60px;box-sizing:border-box}.overview_block{margin-bottom:30px}.title{font-size:28px;font-weight:700;border-bottom:2px solid red}.tests{display:flex;flex-direction:column;gap:0px;padding:0}.list_item_block{display:flex;flex-direction:column}@media screen and (max-width: 900px){.left_screen{width:100%;height:50vh;background-color:#000;background-size:cover!important;background-blend-mode:darken!important;position:relative;background-repeat:no-repeat!important}.prof_container{display:block;width:100%;margin-top:10vh;height:100vh;overflow:hidden}.course_info_block{position:absolute;bottom:20%;left:0;width:90%!important;padding:20px;color:#fff;width:100%}.right_screen{width:100%;height:50vh;background-color:#fdfdfd;overflow-y:auto;padding:40px 60px;box-sizing:border-box}}@media (max-width: 600px){.circle-progress-wrapper2{position:absolute;transform:scale(.3);right:12%!important;margin-bottom:3%}}@media (min-width: 601px) and (max-width: 1024px){.circle-progress-wrapper2{position:absolute;transform:scale(.4);margin-bottom:7%;right:9%!important}}@media (min-width: 1025px){.circle-progress-wrapper2{position:absolute;right:2%;margin-bottom:3%;transform:scale(.4)}}.list_item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#fdebeb!important;border-bottom:1px solid #eee;cursor:pointer;position:relative;transition:background-color .2s;border-bottom:1px solid white;font-size:18px;font-weight:600;color:#1a1a1a}.list_item:hover{background-color:#f88!important}.subitem{background-color:#fff!important;padding-left:30px;font-size:14px;color:#555}.arrow{font-weight:700;color:#999;font-size:16px}.final_project{margin-top:40px;background-color:#fff5f0;border-top:1px solid #f0c5b5;font-weight:700}@media screen and (max-width: 800px){.portfolio_container{display:block!important}.portfolio_left{width:100%!important}}.portfolio_container{display:flex}.portfolio_left{width:50%}