.login-page{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f4f4f4}.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}.form-title{font-size:24px;color:#333;text-align:center;margin-bottom:10px}.form-content{display:flex;flex-direction:column}.input-group{margin-bottom:10px}.input-label{font-size:14px;color:#333;margin-bottom:8px;display:block}.input-field{width:100%;padding:12px;font-size:16px;border:1px solid #ccc;border-radius:4px;outline:none;transition:all .3s ease}.input-field:focus{border-color:#007BFF}.submit-button-login{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:765px){.login-page{margin:10px!important;height:auto}.form-container1{margin-top:20px}.input-field{width:100%!important}}.dark-mode .login-page{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{background-color:#2b2b2b;color:#f5f5f5;border:1px solid #444}.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}