.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background:#f0f0f0;background-image:radial-gradient(circle at 10% 20%,rgba(192,192,192,.05)0,rgba(192,192,192,.05) 90%),radial-gradient(circle at 90% 80%,rgba(192,192,192,.05)0,rgba(192,192,192,.05) 90%)}.login-form{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);width:100%;max-width:480px;border:1px solid #e0e0e0}.login-form h2{font-size:2rem;color:#1e3c72;margin-bottom:2rem;text-align:center;font-weight:700}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.75rem;color:#2a2a2a;font-weight:600;font-size:.95rem}.form-group input{width:100%;padding:.9rem 1.2rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .2s ease;box-sizing:border-box}.form-group input:focus{outline:0;border-color:#1e3c72;box-shadow:0 0 0 3px rgba(30,60,114,.1)}.password-wrapper{position:relative}.eye-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);cursor:pointer;color:#a8a8a8;transition:color .2s ease}.eye-icon:hover{color:#1e3c72}.forgot-password{text-align:right;margin-bottom:1.5rem}.forgot-password a,.register-link a{color:#1e3c72;text-decoration:none;transition:color .2s ease}.forgot-password a{font-size:.9rem}.forgot-password a:hover,.register-link a:hover{color:#2a5298}.button-container button{width:100%;padding:1rem;background:#1e3c72;color:#fff;border:0;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease}.button-container button:hover{background:#2a5298;box-shadow:0 4px 12px rgba(30,60,114,.2)}.register-link{text-align:center;margin-top:1.5rem;color:#6c757d;font-size:.95rem}.register-link a{font-weight:600}.error-messages{background:#ffe3e3;color:#b71c1c;padding:1rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid #ffc9c9}.error-messages p{margin:0;font-size:.9rem;text-align:center}@media (max-width:768px){.login-container{padding:1.5rem}.login-form{padding:2rem}.login-form h2{font-size:1.8rem}}@media (max-width:480px){.login-container{padding:1rem}.login-form{padding:1.5rem;border-radius:8px}.login-form h2{font-size:1.6rem}.form-group input{padding:.8rem 1rem}.button-container button{padding:.9rem}}