@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes twinkle{0%,to{opacity:0}50%{opacity:1}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.body{margin-top:2rem}.login-container{min-height:100%;max-height:100%;background:linear-gradient(180deg,#0a0e27,#0f1432);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;overflow:hidden}.navbar-logo{height:50px;width:auto;filter:drop-shadow(0 0 10px rgba(0,255,255,.5))}.login-container:before{content:"";right:0;bottom:0;background-image:linear-gradient(rgba(0,245,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(0,245,255,.05) 1px,transparent 0);background-size:50px 50px;animation:gridMove 20s linear infinite}.login-container:before,.login-stars{position:absolute;top:0;left:0;pointer-events:none}.login-stars{width:100%;height:100%}.login-stars:after,.login-stars:before{content:"";position:absolute;width:2px;height:2px;background:#00f5ff;border-radius:50%;box-shadow:100px 100px #00f5ff,200px 150px #00f5ff,300px 250px #00f5ff,400px 50px #00f5ff,500px 300px #00f5ff,150px 400px #00f5ff,250px 450px #00f5ff,350px 200px #00f5ff,450px 350px #00f5ff,50px 250px #00f5ff,550px 150px #00f5ff,600px 400px #00f5ff,700px 100px #00f5ff,800px 300px #00f5ff,900px 200px #00f5ff,1000px 350px #00f5ff,1100px 150px #00f5ff,1200px 250px #00f5ff;animation:twinkle 3s infinite;opacity:.6}.login-stars:after{animation-delay:1.5s}.login-glow-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;pointer-events:none;animation:float 8s ease-in-out infinite}.login-glow-orb-1{width:500px;height:500px;background:radial-gradient(circle,#00f5ff,transparent);top:-250px;left:-250px}.login-glow-orb-2{width:600px;height:600px;background:radial-gradient(circle,#09f,transparent);bottom:-300px;right:-300px;animation-delay:4s}.login-content-wrapper{max-width:500px;width:100%;position:relative;z-index:1}.login-card{background:rgba(15,20,50,.85);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;overflow:hidden;border:1px solid rgba(0,245,255,.2);box-shadow:0 0 60px rgba(0,245,255,.15),inset 0 0 60px rgba(0,245,255,.03)}.login-header{position:relative;padding:3rem 2rem;overflow:hidden}.login-header-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,245,255,.1),rgba(0,153,255,.1))}.login-header-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,245,255,.1) 50%,transparent);animation:shimmer 3s infinite}.login-header-content{position:relative;z-index:1;text-align:center}.login-logo-container{margin-bottom:1.5rem}.login-logo-circle,.login-logo-container{display:flex;align-items:center;justify-content:center}.login-logo-circle{width:112px;height:112px;background:rgba(0,245,255,.1);border:2px solid rgba(0,245,255,.3);border-radius:50%;position:relative;box-shadow:0 0 30px rgba(0,245,255,.3);animation:pulse-glow 3s ease-in-out infinite}.login-logo-placeholder{color:#00f5ff;filter:drop-shadow(0 0 10px rgba(0,245,255,.5))}.login-title{font-size:1.75rem;font-weight:800;color:#fff;margin-bottom:.5rem;text-shadow:0 0 20px rgba(0,245,255,.3);letter-spacing:.5px}.login-subtitle{font-size:1rem;color:rgba(0,245,255,.8);font-weight:500}.login-form-container{padding:2.5rem}.login-form{gap:1.5rem;margin-bottom:2rem}.login-form,.login-form-group{display:flex;flex-direction:column}.login-form-group{gap:.5rem}.login-label{font-size:.875rem;font-weight:600;color:rgba(0,245,255,.9);letter-spacing:.3px}.login-required{color:#f87171}.login-input-with-icon{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:1rem;width:18px;height:18px;color:#00f5ff;pointer-events:none;z-index:1}.login-input{width:100%;padding:.875rem 1rem;background:rgba(10,14,39,.6);border:1px solid rgba(0,245,255,.3);border-radius:10px;color:#fff;font-size:.9375rem;transition:all .3s ease;outline:none}.login-input::-moz-placeholder{color:hsla(0,0%,100%,.4)}.login-input::placeholder{color:hsla(0,0%,100%,.4)}.login-input-icon-left{padding-left:2.75rem}.login-input-icon-right{padding-right:2.75rem}.login-input:focus{border-color:#00f5ff;background:rgba(10,14,39,.8);box-shadow:0 0 0 3px rgba(0,245,255,.1),0 0 20px rgba(0,245,255,.2);transform:translateY(-1px)}.login-input:disabled{opacity:.5;cursor:not-allowed}.login-password-toggle{position:absolute;right:1rem;background:none;border:none;padding:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1}.login-password-toggle:hover:not(:disabled){transform:scale(1.1)}.login-password-toggle:disabled{opacity:.5;cursor:not-allowed}.login-toggle-icon{width:18px;height:18px;color:#00f5ff}.login-forgot-link-container{text-align:right;margin-top:-.5rem}.login-forgot-link{color:rgba(0,245,255,.8);font-size:.875rem;text-decoration:none;font-weight:500;transition:all .3s ease}.login-forgot-link:hover{color:#00f5ff;text-decoration:underline}.login-submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#00f5ff,#09f);border:none;border-radius:12px;color:#0a0e27;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(0,245,255,.4)}.login-submit-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,0));transform:translateX(-100%);transition:transform .6s ease}.login-submit-btn:hover:not(:disabled):before{transform:translateX(100%)}.login-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px rgba(0,245,255,.6)}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-btn-icon{width:20px;height:20px}.animate-spin{animation:spin 1s linear infinite}.login-divider{position:relative;text-align:center;margin:2rem 0}.login-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,245,255,.3),transparent)}.login-divider-text{position:relative;display:inline-block;padding:0 1rem;background:rgba(15,20,50,.85);color:rgba(0,245,255,.7);font-size:.875rem;font-weight:600}.login-register-section{text-align:center}.login-register-text{color:hsla(0,0%,100%,.7);font-size:.875rem;margin-bottom:1rem}.login-register-btn{display:inline-block;padding:.75rem 2rem;background:transparent;border:2px solid #00f5ff;border-radius:10px;color:#00f5ff;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .3s ease}.login-register-btn:hover{background:rgba(0,245,255,.1);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,245,255,.3)}.login-toast{position:fixed;top:2rem;right:2rem;z-index:9999;display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:rgba(10,14,39,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);border:1px solid;min-width:300px}.login-toast-success{border-color:rgba(34,197,94,.5);box-shadow:0 10px 40px rgba(34,197,94,.2)}.login-toast-error{border-color:rgba(239,68,68,.5);box-shadow:0 10px 40px rgba(239,68,68,.2)}.login-toast-icon{width:20px;height:20px;flex-shrink:0}.login-toast-success .login-toast-icon{color:#22c55e}.login-toast-error .login-toast-icon{color:#ef4444}.login-toast-message{flex:1;color:#fff;font-size:.875rem;font-weight:500}.login-toast-close{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.login-toast-close:hover{color:#fff}@media (max-width:768px){.login-container{padding:1.5rem 1rem}.login-content-wrapper{max-width:100%}.login-header{padding:2rem 1.5rem}.login-logo-circle{width:96px;height:96px}.login-title{font-size:1.5rem}.login-subtitle{font-size:.875rem}.login-form-container{padding:2rem 1.5rem}.login-toast{top:1rem;right:1rem;left:1rem;min-width:auto}}@media (max-width:480px){.login-container{padding:1rem .75rem}.login-header{padding:1.5rem 1rem}.login-logo-circle{width:80px;height:80px}.login-logo-placeholder svg{width:60px;height:60px}.login-title{font-size:1.25rem}.login-subtitle{font-size:.8125rem}.login-form-container{padding:1.5rem 1rem}.login-form{gap:1.25rem}.login-label{font-size:.8125rem}.login-input{padding:.75rem .875rem;font-size:.875rem}.login-input-icon{width:16px;height:16px;left:.875rem}.login-input-icon-left{padding-left:2.5rem}.login-password-toggle{right:.875rem}.login-toggle-icon{width:16px;height:16px}.login-submit-btn{padding:.875rem 1.5rem;font-size:.9375rem}.login-btn-icon{width:18px;height:18px}.login-register-btn{padding:.625rem 1.5rem;font-size:.875rem}}@media (orientation:landscape) and (max-height:600px){.login-header{padding:1.5rem 2rem}.login-logo-circle{width:70px;height:70px}.login-logo-placeholder svg{width:50px;height:50px}.login-title{font-size:1.25rem}.login-form-container{padding:1.5rem 2rem}.login-form{gap:1rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}