.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.login-background{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#2F4A72,#0E2C40 50%,#D4B67A);z-index:-1}.floating-orb{position:absolute;border-radius:50%;opacity:.1;animation:float 6s ease-in-out infinite}.orb-1{width:300px;height:300px;background:radial-gradient(circle,#ff9a9e 0,#fecfef 100%);top:10%;left:10%;animation-delay:0s}.orb-2{width:200px;height:200px;background:radial-gradient(circle,#a8edea 0,#fed6e3 100%);top:60%;right:15%;animation-delay:2s}.orb-3{width:150px;height:150px;background:radial-gradient(circle,#ffecd2 0,#fcb69f 100%);bottom:20%;left:60%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.login-card{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.2);padding:3rem;width:100%;max-width:450px;box-shadow:0 8px 32px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.login-card:hover{transform:translateY(-5px);box-shadow:0 12px 48px rgba(0,0,0,.15)}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{color:white;font-size:2.5rem;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.login-header p{color:rgba(255,255,255,.8);font-size:1.1rem;margin:0}.login-form{gap:1.5rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:white;font-weight:600;font-size:.95rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.form-group input{padding:1rem;border:1px solid rgba(255,255,255,.3);border-radius:12px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:white;font-size:1rem;transition:all .3s ease}.form-group input::placeholder{color:rgba(255,255,255,.6)}.form-group input:focus{outline:none;border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.15);box-shadow:0 0 0 3px rgba(255,255,255,.1)}.form-group input:disabled{opacity:.6;cursor:not-allowed}.login-button{padding:1rem 2rem;border:none;border-radius:12px;background:linear-gradient(135deg,#2F4A72,#0E2C40);color:white;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;margin-top:1rem}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.4)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:white;animation:spin .8s linear infinite;margin-right:.5rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.message{padding:1rem;border-radius:12px;text-align:center;font-weight:600;margin-top:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.message.success{background:rgba(76,175,80,.2);border:1px solid rgba(76,175,80,.4);color:#a5d6a7}.message.error{background:rgba(244,67,54,.2);border:1px solid rgba(244,67,54,.4);color:#ef9a9a}.login-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.2)}.login-footer p{color:rgba(255,255,255,.8);margin:0}.login-footer a{color:#a8edea;text-decoration:none;font-weight:600;transition:color .3s ease}.login-footer a:hover{color:white;text-shadow:0 0 8px rgba(168,237,234,.5)}@media (max-width:768px){.login-container{padding:1rem}.login-card{padding:2rem;margin:1rem}.login-header h1{font-size:2rem}.floating-orb{display:none}}