.pulse-box-shadow{animation:shadowPulse 3s infinite ease-in-out}.btn-container{display:flex;gap:20px;justify-content:center}.landing__header{margin-bottom:5px;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.landing__header nav a{margin:0 15px;text-decoration:none;color:#e0e0e0;font-weight:500}.btn-group-header{display:flex;gap:10px;align-items:center}.hamburger{cursor:pointer;display:inline-block;width:30px;height:25px;position:relative;margin-left:20px;background:#00ffff0a;border:1px solid rgba(255,255,255,.3);box-shadow:0 0 10px inset #ffffff1a;filter:brightness(300%)}.hamburger span{background:#fff;position:absolute;height:3px;width:100%;left:0;transition:all .3s ease}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:50%;transform:translateY(-50%)}.hamburger span:nth-child(3){bottom:0}.sidebar{position:fixed;top:0;right:-380px;width:380px;height:100%;background:radial-gradient(circle at 20% 20%,#0a0516,#05010b)!important;transition:right .3s ease;z-index:1000;padding:20px}.sidebar.open{right:0;transition:transform .9s ease}.sidebar-header{padding:10px 0;display:flex;justify-content:space-between;align-items:center}.sidebar-header img{width:60px}.sidebar-header .btn-close{padding:10px;height:50px;background:none;border:none;border-radius:50%;color:#fff;font-size:3rem;cursor:pointer;display:flex;align-items:center;transition:all .3s ease-out}.sidebar-header .btn-close:hover{padding:10px}.sidebar nav{margin:50px 0}.sidebar nav a{display:block;margin:15px 0;color:#e0e0e0;text-decoration:none;font-size:1.2rem}.sidebar .btn-container{margin:100px 0 50px}.sidebar-footer{position:absolute;bottom:0;left:30%}.social-links{margin:20px 0;display:flex;gap:10px;justify-content:center}.social-links a img{width:25px}@media(min-width:999px){.hamburger{display:none}}@media(max-width:998px){.desktop-nav{display:none}}.landing__main{margin:0 auto;max-width:1264px}.hero__banner{margin-bottom:50px;position:relative;padding:20px;text-align:center}.hero__banner:before{content:"";position:absolute;inset:0;z-index:0}.hero__banner__title,.hero__banner p,.hero__banner .btn-container a{position:relative;z-index:1}.hero__banner__title{margin:0 0 20px;font-size:6em;font-weight:700;color:#fff}.hero__banner p{max-width:999px;font-size:1.3rem;margin:0 auto 50px;color:#ddd}.card{border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;position:relative;box-shadow:0 0 10px inset #ffffff1a;width:400px;filter:brightness(300%)}.card p{font-size:1rem;margin:20px 0;line-height:1.3}.card h3{font-size:1.5rem;font-weight:600;margin:0 0 5px;color:#fff}.no-experience{padding:50px 20px;text-align:center;color:#e0e0e0}.how-we-work h2,.who-can-learn h2,.no-experience h2{font-size:2.2rem;margin-bottom:20px}.no-experience p{margin:0 auto 40px;max-width:999px;font-size:1.1rem;color:#ccc}.no-experience-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.no-experience .card{border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;position:relative;box-shadow:0 0 10px inset #ffffff1a;width:400px}.no-experience .card:hover{transform:translateY(-5px);box-shadow:0 6px 15px #000000b3}.no-experience .card img{width:80px;margin-bottom:15px}.no-experience .card h3{font-size:1.6rem;margin-bottom:10px;color:#fff}.no-experience .card p{font-size:1rem;color:#ccc}.courses{margin:0 0 100px;padding:0 20px;text-align:center;color:#e0e0e0}.courses h2{font-size:2.2rem;margin-bottom:40px}.courses-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.course-card{border-radius:12px;overflow:hidden;width:390px;box-shadow:0 4px 10px #00000080;transition:transform .3s ease,box-shadow .3s ease}.course-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px #000000b3}.course-card img{width:100%;height:auto;display:block}.course-info{padding:20px}.course-info h3{font-size:1.6rem;margin-bottom:10px}.course-info p{font-size:1rem;color:#ccc;margin-bottom:20px}.course-info a{text-decoration:none;color:#121212;padding:5px 20px;border-radius:4px}.how-we-work,.who-can-learn{margin:0 auto 50px;max-width:1264px;padding:50px 20px;border-radius:20px;text-align:center}.cards-container,.work-steps-container{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.work-step:hover{transform:translateY(-5px);box-shadow:0 6px 15px #000000b3}.work-step img{width:80px;margin-bottom:15px}.work-step h3{font-size:1.4rem;color:#fff;margin-bottom:10px}.work-step p{font-size:1rem;color:#ddd}.experience{margin:0 auto 100px;max-width:1264px;padding:50px 20px;border-radius:20px;text-align:center}.experience h2{font-size:2.2rem;margin-bottom:40px}footer{color:#e0e0e0;padding:40px 20px}footer hr{margin:0 auto;max-width:1264px;border-color:#999}.footer-content{margin:0 auto;max-width:1264px;display:flex;justify-content:space-between;flex-wrap:wrap}#footer-mark{max-width:300px}#footer-mark img{margin-bottom:20px}#footer-mark p{color:#ccc}#social-links{display:flex;gap:10px;margin-top:20px}#social-links img{width:20px}.footer-link{margin:20px;text-align:left}.footer-link h2{font-size:1.4rem;margin-bottom:10px;color:#fff}.footer-link a{color:#e0e0e0;text-decoration:none;display:block;margin-bottom:5px}#footer-copy{margin:20px auto 0;max-width:1264px;font-size:.8rem;display:flex;justify-content:space-between;gap:5px}#footer-copy a{margin-right:10px;color:#e0e0e0;text-decoration:none}@media(max-width:768px){.work-steps-container,.experience-items-container{flex-direction:column;align-items:center}.landing__header nav a{margin:10px 0}.hero__banner__title{font-size:4em}}@media(max-width:533px){h2{font-size:1.8em}.btn-contact{display:none}.hero__banner__title{font-size:3em}}@media(max-width:502px){#footer-mark{max-width:100vw;display:flex;flex-direction:column;align-items:center}#footer-mark p{text-align:center}.open{width:100%}}@media(max-width:428px){.btn__fade,.blinking-cursor{display:none}}.course{background-color:#21212d4d;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;position:relative;box-shadow:0 0 10px inset #ffffff1a;width:400px}.course .course__img{padding:-20px;width:100%;height:auto;display:block}.course .course__content{padding:20px}.course .course__content .course__content--title{font-size:1.6rem;margin-bottom:10px}.course .course__content .course__content--description{font-size:1rem;color:#ccc;margin-bottom:20px}.course .course__content .course__content--button{text-decoration:none;color:#121212;background:linear-gradient(to right,#01c4e7,#2ef8a0);padding:5px 20px;border-radius:4px;transition:background .3s ease}.course:hover{transform:translateY(-5px);box-shadow:0 6px 15px #000000b3}.button--main:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(18deg,#fd036e,#00b0f0);mask:linear-gradient(#FFF 0 0) content-box,linear-gradient(#FFF 0 0);mask-composite:exclude;-webkit-mask-composite:destination-out;filter:blur(3px);z-index:0}.button--main span{background:linear-gradient(#fff,#f0f);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;font-size:1em;z-index:2}.main__login{height:100vh;display:flex;justify-content:center;align-items:center}.login{padding:30px;width:400px;border-radius:10px;background:#ffffff0d;display:flex;flex-direction:column;align-items:center}.login img{width:200px}.login h1{margin:0 auto 20px;display:block}.login a{margin:20px 0 10px;text-decoration:none}.login__form{width:100%;display:flex;flex-direction:column;align-items:center}.login__form label{font-weight:300;align-self:flex-start}.login__form .toggle-password{margin:0;cursor:pointer;align-self:flex-end}.login__form button{width:100%}.password-group input{margin-right:8px}@media(max-width:600px){.login{background-color:transparent}}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#fff}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:#1f1f1f}body::-webkit-scrollbar-thumb{background-color:#333;border-radius:10px}body::-webkit-scrollbar-thumb:hover{background-color:#555}h1{font-size:2.5em;font-weight:800!important}a{font-family:system-ui,sans-serif;color:#fff}input{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ddd;border-radius:5px;font-size:16px}.btn{padding:10px 30px;border:2px solid #FFF;border-radius:10px;background-color:transparent;color:#fff;font-family:Kanit,sans-serif;font-size:1.1em;font-weight:300;cursor:pointer;transition:all .3s ease-out}.error{font-style:italic;color:#ff6f6f}.frame{padding:20px;background:#ffffff0d;border-radius:10px;box-shadow:3px 5px 5px #0000001a}.info-text{margin:15px 0;font-weight:300;font-style:italic;font-size:.97em;color:#eee}.input-group{display:flex;flex-direction:column}.bg__color--nd{background-color:#232b2e}@media(hover:hover){.btn:hover{background-color:#fff;color:#000}}.student__dashboard{margin:0 auto;max-width:1264px}.recordings{padding:20px;display:flex}.recording__group{margin-right:40px;display:flex;flex-direction:column;gap:20px}.recording__group .recording__item{padding:10px;width:300px;border-radius:10px;background:#ffffff0d;cursor:pointer;text-align:center}.recording__group .recording__item h3{margin-bottom:10px;font-size:1.3em}.recording__group .recording__item p{font-weight:300}.recording__video{width:100%;display:flex;justify-content:end}@media(max-width:999px){.recordings{flex-direction:column-reverse}}.admin-dashboard{margin:0 auto;max-width:1264px}.admin-dashboard h1{margin:20px}a{text-decoration:none}.action-cards{margin:50px 0;display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.action-card{background:#2a2a2a;border-radius:12px;padding:20px;width:300px;box-shadow:0 4px 10px #00000080;transition:transform .3s ease,box-shadow .3s ease;text-align:center}.action-card img{width:80px;margin-bottom:15px}.action-card h3{font-size:1.6rem;margin-bottom:10px;color:#fff}.action-card p{font-size:1rem;color:#ccc}.action-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px #000000b3}.manage__recordings{margin:0 auto;width:1264px}.account{margin:0 auto;max-width:1264px}.account__info{margin:30px 0}.account__info input{max-width:560px}.account__resetPass{margin:30px auto}.double-input{display:flex;gap:30px}.double-input .input-group{width:50%}.message{color:green;font-weight:700;margin-top:10px}.message.error{color:red}@media(max-width:1264px){.account{margin:0 20px}}header{margin:0 auto;max-width:1264px;display:flex;justify-content:space-between;align-items:center}header img{width:200px}header .user-menu{position:relative;margin-right:20px}header .user-menu .btn-user{padding:0;width:55px;height:55px;border:none;border-radius:50%;font-size:1em;font-weight:500;cursor:pointer;background:radial-gradient(circle at 80% 80%,#9445f0,#db299b);transition:.2s ease-out}header .user-menu .btn-user:hover{filter:brightness(110%);transition:.2s ease}header .user-menu .dropdown-menu{margin:0;padding:5px;width:170px;border-radius:5px;position:absolute;top:100;right:0;background:#232323;list-style:none;box-shadow:7px 8px 10px #0003;font-weight:300;color:#eee;z-index:2}header .user-menu .dropdown-menu .userName{font-size:.85em;font-weight:500;text-align:center}header .user-menu .dropdown-menu .logout{border-radius:5px;background-color:#ffffff1a;text-align:center}header .user-menu .dropdown-menu li{cursor:pointer;padding:5px}header .user-menu .dropdown-menu hr{margin:5px 0;border-color:#555}*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{background:radial-gradient(circle at 20% 20%,#0a0516,#05010b)!important}input{background:transparent;border-color:#333;box-shadow:0 0 10px inset #00ffff40;color:#fff}.button--main{position:relative;padding:12px 40px;background:#0009;border:none;border-radius:10px;font-weight:600;overflow:hidden;cursor:pointer;z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .3s ease}.button--main:hover{background:#0003}.button--main:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(18deg,#fd036e,#00b0f0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:destination-out;filter:blur(3px);z-index:0}.button--main:after{content:"";position:absolute;inset:0;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:inherit;z-index:0}.button--main span{background:linear-gradient(#fff,#0ff);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;font-size:1.2em;z-index:2}.button--sub{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.25);padding:10px 18px;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.button--sub:hover{background:#ffffff26}.buttonIcon{padding:5px 10px;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:start;align-items:center}.container{margin:0 auto;padding:20px;max-width:1264px}.card__container{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:space-evenly;align-items:center}.double__column{display:flex;flex-direction:row;flex-wrap:nowrap;gap:20px;justify-content:space-between;align-items:center}.sidebarStudent{max-width:240px;background:#0a0a0a;height:100vh}.sidebarStudent__body--options{display:flex;flex-direction:column;flex-wrap:wrap;gap:0;justify-content:start;align-items:stretch}.sidebarStudent__body--options .buttonIcon{padding:15px;font-size:1em;font-weight:500;color:#eee;background:transparent;gap:10px;border:none}.register__subtitle{margin-bottom:30px}.register__banner{margin:0 0 70px;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;flex-wrap:nowrap}.register__banner div{width:50%;display:flex;flex-direction:row;flex-wrap:wrap;gap:40px;justify-content:space-between;align-items:center}.register__banner .card{width:40%}.register__banner--img{display:block;filter:brightness(30%)}.register__benefits,.register__roadmap{margin:70px 0}.register .double__column{margin:100px 0 40px}.register__testimonials{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center}.register__testimonials__content{max-width:540px;font-size:1.8em;font-weight:700}.register__testimonials__caption{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:flex-end}.register__testimonials__caption p{font-size:1.2em}.register__testimonials__caption small{color:#aaa}.register__form--submit{margin:20px auto;display:block}.btn__fade{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.25);padding:10px 18px;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.btn__fade:hover{background:#fff3}@media(max-width:720px){.register__banner div{width:100%}.register__banner div .button--main{display:block;margin:0 auto}.register__banner .card{display:none}.register__form--submit{display:block}}@media(max-width:675px){.double__column{flex-direction:column}.button--sub{display:none}.register__form--submit{display:block}}@media(max-width:446px){.button--main{display:none}.register__form--submit{display:block}}.no-experience-cards .card,.cards-container .card,.how-we-work .card{width:320px}.no-experience-cards .card svg,.cards-container .card svg,.how-we-work .card svg{font-size:3em}.card{width:200px;background:#00ffff0a;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 10px inset #ffffff1a;display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;filter:brightness(300%)}.card__icon{font-size:2em}.card h4{font-weight:600;font-size:1.1em;text-align:center}.modal{width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;position:fixed;top:0;left:0;z-index:1000}.modal.hidden{display:none}.modal__window{width:90%;max-width:380px;height:260px;background:radial-gradient(circle at 20% 20%,#0a051680,#05010b1a);border-radius:10px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;justify-content:start;align-items:center}.modal__window:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(18deg,#00b0f0,#2dff82);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:destination-out;filter:blur(100px);z-index:0}.modal__window:after{content:"";position:absolute;inset:0;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:inherit;z-index:0}.modal__window section{padding:20px;position:relative;z-index:2000;display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center}.modal__window section p{text-align:center}.modal__window section button{display:block!important}.modal__window--header h1{margin-top:20px;font-size:1.1em;font-weight:500!important;text-align:center}
