.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;min-height:80vh}.login-title{font-size:2.5rem;color:#0047ab;margin-bottom:30px;text-align:center}.login-form{width:100%;max-width:400px;background-color:#ffffff;padding:30px;border-radius:15px;box-shadow:0 8px 16px rgba(0,0,0,.1)}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:1rem;margin-bottom:8px;color:#333;font-weight:500}.form-group input{width:94%;padding:12px;font-size:1rem;border:1px solid #ccc;border-radius:8px;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus{border-color:#0047ab;box-shadow:0 0 5px rgba(0,71,171,.5);outline:none}.login-button{width:100%;padding:12px;font-size:1.2rem;background-color:#0047ab;color:white;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.login-button:hover{background-color:#003580;transform:scale(1.02)}.login-footer{margin-top:20px;font-size:.9rem;color:#555;text-align:center}.login-footer a{color:#0047ab;text-decoration:none;font-weight:500}.login-footer a:hover{text-decoration:underline}@media (max-width:768px){.login-title{font-size:2rem}.login-form{padding:20px;border-radius:10px}.form-group input{font-size:.9rem;padding:10px}.login-button{font-size:1rem;padding:10px}.login-footer{font-size:.8rem}}@media (max-width:480px){.login-title{font-size:1.8rem}.login-form{padding:15px;border-radius:8px}.form-group input{font-size:.8rem;padding:8px}.login-button{font-size:.9rem;padding:8px}.login-footer{font-size:.7rem}}