.login-page-user{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f4f4f4;padding:20px}.form-container1{background-color:white;padding:40px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);width:100%;max-width:400px;box-sizing:border-box}.form-title{font-size:24px;color:#333;text-align:center;margin-bottom:10px}.form-content{display:flex;flex-direction:column}.input-group{margin-bottom:15px;width:100%}.input-label{font-size:14px;color:#333;margin-bottom:5px;display:block}.input-field{width:100%;padding:12px;font-size:16px;border:1px solid #ccc;border-radius:4px;outline:none;transition:all .3s ease;box-sizing:border-box}.input-field:focus{border-color:#007BFF}.submit-button-login{width:100%;padding:12px;font-size:16px;background-color:#4e86c3;color:white;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.submit-button-login:hover{background-color:#0056b3}.register{font-size:16px;color:#333;display:block;margin-top:20px;text-align:center}.register a{color:#007BFF;text-decoration:none;font-weight:700;margin-left:5px}.register a:hover{color:#0056b3;text-decoration:underline}@media (max-width:768px){.login-page-user{padding:60px 20px 10px;align-items:center;justify-content:center;height:auto;min-height:30vh!important}.form-container1{padding:20px!important;width:100%;max-width:350px}.input-field,.submit-button-login{width:100%}}@media (max-width:480px){.form-container1{padding:25px;max-width:90%}.input-field,.submit-button-login{padding:10px;font-size:14px}}@media (max-width:400px){.login-page-user{min-height:65vh!important}}.input-field-l{width:100%;padding:12px;font-size:16px;border:1px solid #ccc;border-radius:4px;outline:none;transition:all .3s ease}.input-field-l:focus{border-color:#007BFF}.dark-mode .login-page-user{background-color:#121212}.dark-mode .form-container1{background-color:#1e1e1e;box-shadow:0 4px 10px rgba(0,0,0,.6)}.dark-mode .form-title,.dark-mode .input-label,.dark-mode .register{color:#e0e0e0}.dark-mode .input-field,.dark-mode .input-field-l{background-color:#2b2b2b;color:#f5f5f5;border:1px solid #444}.dark-mode .input-field-l:focus,.dark-mode .input-field:focus{border-color:#62aaf8}.dark-mode .submit-button-login{background-color:#62aaf8;color:#fff}.dark-mode .submit-button-login:hover{background-color:#4d9ae4}.dark-mode .register a{color:#62aaf8}.dark-mode .register a:hover{color:#94bce7}