.spectacular-footer{position:relative;background:linear-gradient(180deg, #0a0a0a 0%, #141414 100%);overflow:hidden;margin-top:100px}.footer-wave{position:absolute;top:-1px;left:0;width:100%;overflow:hidden;line-height:0}.footer-wave svg{position:relative;display:block;width:calc(100% + 1.3px);height:60px}.footer-wave .shape-fill{fill:#0a0a0a;animation:wave 20s linear infinite}@keyframes wave{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}.footer-particles{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.footer-particles::before,.footer-particles::after{content:'';position:absolute;width:6px;height:6px;background:rgba(21, 101, 192, 0.4);border-radius:50%;bottom:-10px;animation:float-up 15s infinite linear}.footer-particles::before{left:20%;animation-delay:0s}.footer-particles::after{left:80%;animation-delay:7s}@keyframes float-up{0%{transform:translateY(0) rotate(0deg);opacity:1;}100%{transform:translateY(-100vh) rotate(720deg);opacity:0;}}.footer-title{font-size:clamp(2rem, 4vw, 3.5rem);font-weight:900;line-height:1.2;margin-bottom:0}.spectacular-gradient-text{background:linear-gradient(135deg, #1565C0 0%, #0D47A1 25%, #1976D2 50%, #1565C0 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 4s ease infinite}.footer-subtitle{font-size:1.25rem;color:rgba(255, 255, 255, 0.7);max-width:600px;margin:0 auto}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.btn-footer-primary{position:relative;background:linear-gradient(135deg, #1565C0 0%, #0D47A1 50%, #1565C0 100%);background-size:200% 200%;color:white;padding:16px 40px;border-radius:50px;font-weight:700;font-size:16px;text-decoration:none;text-transform:uppercase;letter-spacing:1px;overflow:hidden;transition:all 0.3s ease;animation:gradientShift 3s ease infinite;box-shadow:0 10px 30px rgba(21, 101, 192, 0.3)}.btn-content{position:relative;z-index:2;display:flex;align-items:center;gap:8px}.btn-icon{display:inline-block;animation:pulse 2s ease infinite}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);transition:left 0.6s ease}.btn-footer-primary:hover .btn-shine{left:100%}.btn-footer-primary:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 20px 40px rgba(21, 101, 192, 0.5);color:white}.btn-footer-secondary{background:white;color:#1565C0;padding:16px 40px;border-radius:50px;font-weight:700;font-size:16px;text-decoration:none;text-transform:uppercase;letter-spacing:1px;transition:all 0.3s ease;border:2px solid white;box-shadow:0 10px 30px rgba(255, 255, 255, 0.1)}.btn-footer-secondary:hover{background:transparent;color:white;transform:translateY(-3px);box-shadow:0 20px 40px rgba(255, 255, 255, 0.2)}.footer-stats{display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap}.stat-item{text-align:center}.stat-number{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg, #1565C0, #0D47A1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-label{color:rgba(255, 255, 255, 0.6);font-size:1rem;margin-top:5px}.stat-divider{width:1px;height:40px;background:rgba(255, 255, 255, 0.2)}.footer-middle{margin-top:80px}.social-section{text-align:center}.social-title{color:rgba(255, 255, 255, 0.8);font-size:1.2rem;margin-bottom:1.5rem}.footer-social-links{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.social-link{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(255, 255, 255, 0.05);border:1px solid rgba(255, 255, 255, 0.1);border-radius:50%;color:rgba(255, 255, 255, 0.7);transition:all 0.3s ease;position:relative;overflow:hidden}.social-link::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(21, 101, 192, 0.2);border-radius:50%;transform:translate(-50%, -50%);transition:all 0.4s ease}.social-link:hover::before{width:100%;height:100%}.social-link:hover{transform:translateY(-5px);color:white;border-color:rgba(21, 101, 192, 0.5);box-shadow:0 10px 30px rgba(21, 101, 192, 0.3)}.social-link.facebook:hover{border-color:#1877f2;background:rgba(24, 119, 242, 0.1)}.social-link.twitter:hover{border-color:#1da1f2;background:rgba(29, 161, 242, 0.1)}.social-link.instagram:hover{border-color:#1565C0;background:rgba(21, 101, 192, 0.1)}.social-link.tiktok:hover{border-color:#0D47A1;background:rgba(13, 71, 161, 0.1)}.social-link.youtube:hover{border-color:#1976D2;background:rgba(25, 118, 210, 0.1)}.footer-links-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:3rem;margin:4rem 0;justify-items:center}.links-column{text-align:center}.links-title{color:white;font-size:1.1rem;font-weight:700;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.footer-link{display:block;color:rgba(255, 255, 255, 0.6);text-decoration:none;padding:0.5rem 0;transition:all 0.3s ease;position:relative}.footer-link::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%) scaleX(0);width:80%;height:1px;background:linear-gradient(90deg, #1565C0, #0D47A1);transition:transform 0.3s ease}.footer-link:hover{color:white;transform:translateX(5px)}.footer-link:hover::after{transform:translateX(-50%) scaleX(1)}.footer-divider{width:100%;height:1px;background:linear-gradient(90deg, transparent, rgba(21, 101, 192, 0.5), rgba(13, 71, 161, 0.5), transparent);margin:4rem 0 3rem;position:relative;overflow:hidden}.footer-divider::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);animation:slide 3s infinite}@keyframes slide{0%{left:-100%;}100%{left:100%;}}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}.copyright-text{color:rgba(255, 255, 255, 0.5);margin:0;font-size:0.9rem}.copyright-separator{margin:0 10px;opacity:0.5}.footer-logo{position:relative}.logo-glow-footer{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:150px;height:150px;background:radial-gradient(circle, rgba(21, 101, 192, 0.3) 0%, transparent 70%);filter:blur(30px);animation:pulse-glow 4s ease infinite}.footer-logo-img{width:110px;height:auto;filter:brightness(1.2);transition:all 0.4s ease;position:relative}.footer-logo:hover .footer-logo-img{transform:scale(1.1) rotate(5deg);filter:brightness(1.4) drop-shadow(0 0 20px rgba(21, 101, 192, 0.5))}@media (max-width: 768px){.footer-title{font-size:2rem}.footer-subtitle{font-size:1rem}.cta-buttons{flex-direction:column;width:100%;align-items:center}.btn-footer-primary,.btn-footer-secondary{width:100%;max-width:300px}.footer-stats{gap:2rem}.stat-number{font-size:2rem}.footer-links-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;text-align:center}.copyright-text{text-align:center}}@keyframes gradientShift{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}@keyframes pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.1);}}@keyframes pulse-glow{0%,100%{transform:translate(-50%, -50%) scale(1);opacity:0.5;}50%{transform:translate(-50%, -50%) scale(1.2);opacity:0.8;}}.login-container{position:relative;background:#0a0a0a;overflow:hidden}.login-particles{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.login-particles::before,.login-particles::after{content:'';position:absolute;width:6px;height:6px;background:rgba(21, 101, 192, 0.6);border-radius:50%;animation:float-diagonal 20s infinite linear}.login-particles::before{top:-10px;left:10%;animation-delay:0s}.login-particles::after{top:-10px;left:90%;animation-delay:10s}@keyframes float-diagonal{0%{transform:translate(0, 0) rotate(0deg);opacity:0;}10%{opacity:1;}90%{opacity:1;}100%{transform:translate(-100vw, 100vh) rotate(720deg);opacity:0;}}.decoration-circles{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.circle{position:absolute;border-radius:50%;background:radial-gradient(circle, rgba(21, 101, 192, 0.1) 0%, transparent 70%);animation:pulse-move 20s ease-in-out infinite}.circle-1{width:400px;height:400px;top:-200px;right:-200px}.circle-2{width:300px;height:300px;bottom:-150px;left:-150px;animation-delay:5s}.circle-3{width:200px;height:200px;top:50%;left:50%;transform:translate(-50%, -50%);animation-delay:10s}@keyframes pulse-move{0%,100%{transform:scale(1) translate(0, 0);opacity:0.5;}50%{transform:scale(1.2) translate(50px, 50px);opacity:0.8;}}.login-image-wrapper{position:relative;animation:fadeInLeft 1s ease-out}.image-glow{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:600px;height:600px;background:radial-gradient(circle, rgba(21, 101, 192, 0.2) 0%, transparent 60%);filter:blur(40px);animation:pulse-glow 4s ease infinite}.image-container{position:relative;border-radius:30px;overflow:hidden;box-shadow:0 30px 60px rgba(0, 0, 0, 0.4)}.login-image{width:100%;max-width:500px;height:auto;display:block;transition:transform 0.6s ease}.login-image-wrapper:hover .login-image{transform:scale(1.05)}.floating-elements{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.floating-icon{position:absolute;font-size:2rem;animation:float 6s ease-in-out infinite}.icon-1{top:20%;left:10%;animation-delay:0s}.icon-2{top:60%;right:10%;animation-delay:2s}.icon-3{bottom:20%;left:20%;animation-delay:4s}@keyframes float{0%,100%{transform:translateY(0px) rotate(0deg);}50%{transform:translateY(-20px) rotate(10deg);}}.login-card{position:relative;width:100%;max-width:500px;background:rgba(20, 20, 20, 0.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:30px;padding:3rem;box-shadow:0 25px 50px rgba(0, 0, 0, 0.5);animation:fadeInRight 1s ease-out;overflow:hidden}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle, rgba(21, 101, 192, 0.1) 0%, transparent 40%);animation:rotate-glow 20s linear infinite}@keyframes rotate-glow{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.card-content{position:relative;z-index:2}.login-header{text-align:center;margin-bottom:2rem}.logo-container{position:relative;display:inline-block}.logo-glow-login{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:120px;height:120px;background:radial-gradient(circle, rgba(21, 101, 192, 0.4) 0%, transparent 70%);filter:blur(30px);animation:pulse-glow 3s ease infinite}.brand-title{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg, #1565C0 0%, #0D47A1 50%, #1976D2 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 4s ease infinite;margin:0}.login-title{font-size:1.75rem;font-weight:700;color:white;margin:1.5rem 0 0.5rem}.login-subtitle{color:rgba(255, 255, 255, 0.6);font-size:1rem;margin:0}.form-wrapper{margin:2rem 0}.form-wrapper input[type="email"],.form-wrapper input[type="password"],.form-wrapper input[type="text"]{width:100%;padding:1rem 1.5rem;background:rgba(255, 255, 255, 0.05);border:2px solid rgba(255, 255, 255, 0.1);border-radius:50px;color:white;font-size:1rem;transition:all 0.3s ease;margin-bottom:1rem}.form-wrapper input:focus{outline:none;border-color:#1565C0;background:rgba(255, 255, 255, 0.08);box-shadow:0 0 20px rgba(21, 101, 192, 0.3)}.form-wrapper input::placeholder{color:rgba(255, 255, 255, 0.4)}.form-check{margin:1rem 0}.form-check-input{background:rgba(255, 255, 255, 0.1);border:2px solid rgba(255, 255, 255, 0.3)}.form-check-input:checked{background:linear-gradient(135deg, #1565C0, #0D47A1);border-color:#1565C0}.form-check-label{color:rgba(255, 255, 255, 0.8);margin-left:0.5rem}.btn-primary{width:100%;padding:1rem 2rem;background:linear-gradient(135deg, #1565C0 0%, #0D47A1 50%, #1565C0 100%);background-size:200% 200%;border:none;border-radius:50px;color:white;font-weight:700;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;transition:all 0.3s ease;animation:gradientShift 3s ease infinite;box-shadow:0 10px 30px rgba(21, 101, 192, 0.3)}.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transition:left 0.6s ease}.btn-primary:hover::before{left:100%}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(21, 101, 192, 0.5)}.login-divider{position:relative;text-align:center;margin:2rem 0}.login-divider::before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent)}.divider-text{position:relative;display:inline-block;padding:0 1rem;background:rgba(20, 20, 20, 0.8);color:rgba(255, 255, 255, 0.5);font-size:0.9rem}.social-login-wrapper{margin:1.5rem 0}.social-login-wrapper .btn{width:100%;margin-bottom:1rem;padding:0.8rem 1.5rem;border-radius:50px;font-weight:600;transition:all 0.3s ease;position:relative;overflow:hidden}.social-login-wrapper .btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0, 0, 0, 0.3)}.login-footer{margin-top:2rem;text-align:center}.footer-links{margin-bottom:1rem}.forgot-link{color:rgba(255, 255, 255, 0.6);text-decoration:none;font-size:0.9rem;transition:all 0.3s ease;position:relative}.forgot-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:linear-gradient(90deg, #1565C0, #0D47A1);transition:width 0.3s ease}.forgot-link:hover{color:#1565C0}.forgot-link:hover::after{width:100%}.register-prompt{margin-top:1.5rem}.prompt-text{color:rgba(255, 255, 255, 0.6);margin-right:0.5rem}.register-link{color:#1565C0;text-decoration:none;font-weight:600;transition:all 0.3s ease;position:relative}.link-arrow{display:inline-block;margin-left:5px;transition:transform 0.3s ease}.register-link:hover{color:#1976D2}.register-link:hover .link-arrow{transform:translateX(5px)}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-50px);}to{opacity:1;transform:translateX(0);}}@keyframes fadeInRight{from{opacity:0;transform:translateX(50px);}to{opacity:1;transform:translateX(0);}}@keyframes gradientShift{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}@keyframes pulse-glow{0%,100%{transform:translate(-50%, -50%) scale(1);opacity:0.5;}50%{transform:translate(-50%, -50%) scale(1.2);opacity:0.8;}}@media (max-width: 991px){.login-card{padding:2rem 1.5rem;margin:1rem}.brand-title{font-size:2rem}.login-title{font-size:1.5rem}.circle-1{width:200px;height:200px;top:-100px;right:-100px}.circle-2{width:150px;height:150px;bottom:-75px;left:-75px}}.btn-primary.loading{color:transparent}.btn-primary.loading::after{content:'';position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spinner 0.8s linear infinite}@keyframes spinner{to{transform:rotate(360deg);}}