*{margin:0 auto;padding:0;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;box-sizing:border-box}body,html{width:100%;height:100%;overflow:hidden}.music-toggle{position:fixed;top:30px;right:30px;z-index:1000;background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:white;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px rgba(0,0,0,.3)}.music-toggle:hover{background:rgba(255,255,255,.2);transform:scale(1.15) rotate(10deg);box-shadow:0 15px 50px rgba(168,85,247,.4);border-color:rgba(168,85,247,.5)}.music-toggle:active{transform:scale(1.05)}.full-page-video{object-fit:cover;animation-name:animar_fondo;animation-duration:20s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate}.full-page-video,.towers-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.towers-background{overflow:hidden;pointer-events:none}.tower{position:absolute;bottom:0;width:80px;background:linear-gradient(180deg,rgba(168,85,247,.3),rgba(168,85,247,.15) 50%,rgba(168,85,247,.05));border-radius:8px 8px 0 0;box-shadow:0 -10px 40px rgba(168,85,247,.3);animation:tower-grow 4s ease-in-out infinite}.tower:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.8),transparent);animation:pulse 2s ease-in-out infinite}.tower-1{left:10%;height:220px;animation-delay:0s}.tower-2{left:25%;height:320px;animation-delay:.6s}.tower-3{left:50%;height:280px;animation-delay:1.2s}.tower-4{left:70%;height:380px;animation-delay:1.8s}.tower-5{left:85%;height:200px;animation-delay:2.4s}@keyframes tower-grow{0%,to{transform:scaleY(1);opacity:.4}50%{transform:scaleY(1.4);opacity:.8}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.cotn_principal{position:absolute;width:100%;display:flex;height:100%;background:linear-gradient(135deg,rgba(102,126,234,.6),rgba(118,75,162,.6));z-index:1}.cotn_principal:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(168,85,247,.2),transparent 70%),radial-gradient(circle at 70% 50%,rgba(236,72,153,.2),transparent 70%);animation:gradient-pulse 8s ease-in-out infinite}@keyframes gradient-pulse{0%,to{opacity:.5}50%{opacity:1}}.cont_centrar{display:flex;align-self:center;width:100%;justify-content:center;align-items:center}.cont_login{position:relative;width:800px;height:auto}.cont_back_info{position:relative;float:left;width:800px;background:rgba(255,255,255,.05);box-shadow:0 30px 100px rgba(0,0,0,.5);border-radius:2.5rem;border:1px solid rgba(255,255,255,.15)}.cont_back_info,.cont_forms{height:420px;overflow:hidden;backdrop-filter:blur(40px)}.cont_forms{position:absolute;top:0;width:400px;background:rgba(255,255,255,.08);border-radius:2.5rem;border:1px solid rgba(255,255,255,.2)}.cont_forms,.cont_forms_active_login{left:0;transition:all .6s cubic-bezier(.4,0,.2,1)}.cont_forms_active_login{box-shadow:0 35px 100px rgba(168,85,247,.6);height:620px;top:-100px}.cont_forms_active_sign_up{box-shadow:0 35px 100px rgba(239,83,80,.6);height:700px;top:-100px;left:400px;transition:all .6s cubic-bezier(.4,0,.2,1)}.cont_img_back_grey{position:absolute;width:1100px;top:-100px;left:-180px}.cont_img_back_grey>video{width:100%;height:100%;object-fit:cover;animation:animar_fondo 25s ease-in-out infinite alternate}.cont_img_back_{position:absolute;width:1100px;top:-100px;left:-180px}.cont_img_back_>video{width:100%;height:100%;object-fit:cover;animation:animar_fondo 25s ease-in-out infinite alternate}.cont_forms_active_login>.cont_img_back_,.cont_forms_active_sign_up>.cont_img_back_{top:-30px;transition:all .6s cubic-bezier(.4,0,.2,1)}.cont_forms_active_sign_up>.cont_img_back_{left:-550px}@keyframes animar_fondo{0%{transform:scale(1) translate(0)}to{transform:scale(1.3) translate(60px)}}.cont_info_log_sign_up{position:absolute;width:800px;height:420px;top:0;z-index:1}.col_md_login{position:relative;float:left;width:50%;display:flex;align-items:center;justify-content:center;height:420px}.col_md_login>h2{font-weight:800;margin-top:0;font-size:2rem;color:rgba(255,255,255,.9);margin-bottom:1rem;letter-spacing:1px}.col_md_login>p{font-weight:400;margin-top:1rem;width:85%;color:rgba(255,255,255,.7);font-size:1rem;line-height:1.6}.col_md_sign_up{position:relative;float:left;width:50%;display:flex;align-items:center;justify-content:center;height:420px}.cont_ba_opcitiy{position:relative;background:linear-gradient(135deg,rgba(168,85,247,.3),rgba(236,72,153,.3));backdrop-filter:blur(25px);width:85%;border-radius:1.75rem;padding:2.25rem 1.75rem;border:1px solid rgba(255,255,255,.25);box-shadow:0 20px 60px rgba(0,0,0,.4);transition:all .4s ease}.cont_ba_opcitiy:hover{transform:translateY(-8px);box-shadow:0 25px 70px rgba(168,85,247,.5);border-color:rgba(168,85,247,.5);background:linear-gradient(135deg,rgba(168,85,247,.35),rgba(236,72,153,.35))}.cont_ba_opcitiy>h2{font-weight:800;font-size:2rem;color:#fff;margin-bottom:1rem;letter-spacing:1px}.cont_ba_opcitiy>p{font-weight:400;color:rgba(255,255,255,.9);font-size:1rem;line-height:1.6}.btn_login{background:linear-gradient(135deg,#26c6da,#00acc1);border:none;padding:.875rem 2.5rem;width:220px;border-radius:1.5rem;box-shadow:0 10px 30px rgba(38,198,218,.4);color:#fff;margin-top:1.5rem;cursor:pointer;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:1px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn_login:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);transform:translateX(-100%);transition:transform .6s}.btn_login:hover:before{transform:translateX(100%)}.btn_login:hover{background:linear-gradient(135deg,#00acc1,#0097a7);transform:translateY(-3px);box-shadow:0 15px 40px rgba(38,198,218,.6)}.btn_login:active{transform:translateY(-1px)}.btn_sign_up{background:linear-gradient(135deg,#ef5350,#e53935);border:none;padding:.875rem 2.5rem;width:220px;border-radius:1.5rem;box-shadow:0 10px 30px rgba(239,83,80,.4);color:#fff;margin-top:1.5rem;cursor:pointer;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:1px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn_sign_up:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);transform:translateX(-100%);transition:transform .6s}.btn_sign_up:hover:before{transform:translateX(100%)}.btn_sign_up:hover{background:linear-gradient(135deg,#e53935,#c62828);transform:translateY(-3px);box-shadow:0 15px 40px rgba(239,83,80,.6)}.btn_sign_up:active{transform:translateY(-1px)}.cont_forms_active_login,.cont_forms_active_sign_up{z-index:2}.cont_form_login,.cont_form_sign_up{position:absolute;width:400px;opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1);padding:2.5rem 0}.cont_form_login>h2,.cont_form_sign_up>h2{margin-top:2rem;margin-bottom:1.8rem;font-weight:800;font-size:2.25rem;color:#ffffff;letter-spacing:1.5px;text-shadow:0 6px 25px rgba(0,0,0,.4)}.cont_form_login>input,.cont_form_sign_up>input{padding:1.125rem 1.5rem;margin:1.5rem auto 0;width:87%;border:1px solid rgba(255,255,255,.2);text-align:left;color:#fff;background:rgba(255,255,255,.1);backdrop-filter:blur(15px);border-radius:1.25rem;font-size:1.0625rem;transition:all .3s ease;box-shadow:0 6px 20px rgba(0,0,0,.25)}.cont_form_login>input::placeholder,.cont_form_sign_up>input::placeholder{color:rgba(255,255,255,.55)}.cont_form_login>input:focus,.cont_form_sign_up>input:focus{outline:none;background:rgba(255,255,255,.15);border-color:#26c6da;box-shadow:0 0 0 4px rgba(38,198,218,.25),0 10px 30px rgba(0,0,0,.35);transform:translateY(-3px)}.cont_form_sign_up>input:focus{border-color:#ef5350;box-shadow:0 0 0 4px rgba(239,83,80,.25),0 10px 30px rgba(0,0,0,.35)}.close-btn{color:rgba(255,255,255,.8);position:absolute;top:1.5rem;left:1.5rem;font-size:2rem;text-decoration:none;transition:all .3s ease;cursor:pointer;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);z-index:10}.close-btn:hover{color:#ef5350;background:rgba(239,83,80,.15);border-color:rgba(239,83,80,.3);transform:rotate(90deg) scale(1.1);box-shadow:0 8px 25px rgba(239,83,80,.3)}.google-login{margin-top:1rem;margin-bottom:1rem}.cf-turnstile,.google-login{display:flex;justify-content:center}.cf-turnstile{max-width:320px;margin:1.25rem auto}.error-text{color:#ff6b6b;background:rgba(255,107,107,.1);padding:.75rem 1rem;border-radius:.75rem;margin:1rem auto;width:85%;font-weight:600;border:1px solid rgba(255,107,107,.3);box-shadow:0 4px 15px rgba(255,107,107,.2)}.cont_form_login>p,.cont_form_sign_up>p{color:rgba(255,255,255,.7);margin:1rem 0;font-size:.9375rem}@media (max-width:768px){.cont_login{width:95%;max-width:450px}.cont_back_info{width:100%;height:300px}.cont_forms,.cont_forms_active_login,.cont_forms_active_sign_up{width:100%;left:0}.cont_info_log_sign_up{width:100%}.col_md_login,.col_md_sign_up{width:100%;height:150px}.towers-background{opacity:.4}.tower{width:60px}.music-toggle{width:50px;height:50px;top:20px;right:20px}.cont_ba_opcitiy{width:90%;padding:1.5rem 1rem}.col_md_login>h2,.cont_ba_opcitiy>h2{font-size:1.5rem}.btn_login,.btn_sign_up{width:180px;padding:.7rem 2rem;font-size:.9375rem}.cont_form_login>h2,.cont_form_sign_up>h2{font-size:1.75rem;margin-top:2rem}.cont_forms_active_login{height:580px;top:-80px}.cont_forms_active_sign_up{height:660px;top:-80px}}@media (max-width:480px){.cont_login{width:100%;padding:0 .5rem}.cont_back_info,.cont_forms{border-radius:1.5rem}.music-toggle{width:45px;height:45px}.col_md_login>h2,.cont_ba_opcitiy>h2{font-size:1.25rem}.col_md_login>p,.cont_ba_opcitiy>p{font-size:.875rem}.btn_login,.btn_sign_up{width:160px;padding:.625rem 1.5rem;font-size:.875rem}.cont_form_login>input,.cont_form_sign_up>input{width:90%;padding:.875rem 1rem;font-size:.9375rem}.cont_form_login>h2,.cont_form_sign_up>h2{font-size:1.5rem;margin-top:1.5rem}}