.login-container{display:flex;justify-content:center;align-items:center;min-height:85vh;background-color:#f5f5f5}.login-form{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);width:100%;max-width:400px}.login-title{text-align:center;margin-bottom:2rem;color:#333;font-size:1.8rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;color:#555;font-weight:500}.form-input{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.form-input:focus{outline:none;border-color:#06c;box-shadow:0 0 0 2px rgba(0,102,204,.2)}.submit-button{width:100%;padding:.5rem;background-color:#000;color:#fff;border:none;border-radius:4px;font-size:1rem;transition:background-color .2s}.submit-button:hover{background-color:#004080}.form-link{margin-top:1rem;text-align:center;color:#000;font-size:.9rem;text-decoration:underline;span{font-size:.9rem;text-decoration:none}}@media screen and (max-width:768px){.login-container{min-height:68vh}.login-form{background-color:#fff;padding:2.5rem 2rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);width:100%;max-width:450px}.form-input{padding:.75rem;font-size:1rem}.submit-button{padding:.75rem;font-size:1.1rem}.form-link{font-size:1rem;span{font-size:1rem}}}@media screen and (max-width:480px){.login-container{min-height:65vh;padding:.7rem}.form-input,.submit-button{padding:.6rem}.form-link{margin-top:.8rem}}.error-message{color:red;font-size:.9rem;margin:.5rem 0 .9rem;text-align:center;font-weight:700}.password-group{margin-bottom:0}.forgot-password-button{background-color:#000;color:#fff;border-radius:4px;font-size:1rem;transition:background-color .2s;padding:.5rem 1rem}.forgot-password-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);width:90%;max-width:400px}.forget-form .form-input{margin-bottom:1rem}.popup-content h3{margin:0 0 1rem;font-size:1.5rem;text-align:center}.popup-content p{margin-bottom:1rem;text-align:center;font-size:.9rem}.popup-buttons{display:flex;gap:1rem;margin-top:1.5rem}.popup-buttons button{flex:1;padding:.75rem;font-size:1rem;border:none;border-radius:4px;cursor:pointer}.cancel-button{background-color:#e0e0e0;color:#333}.cancel-button:hover{background-color:#d0d0d0}.forgot-password-button{background:none;border:none;color:#06c;text-decoration:underline;cursor:pointer;padding:.5rem;margin-bottom:1rem;font-size:.9rem}.forgot-password-button:hover{color:#0052a3}@media screen and (max-width:480px){.popup-content{padding:1.5rem}.popup-buttons button{flex:none;padding:.6rem;font-size:.9rem;width:100%}.popup-buttons{flex-direction:column}}