.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:93%;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}.input-field{width:90%!important}.login-page{height:60vh}}.dark-mode .login-page{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#121212}.dark-mode .form-container1{background-color:#1e1e1e;padding:40px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.7);width:100%;max-width:400px}.dark-mode .form-title{font-size:24px;color:#e0e0e0;text-align:center;margin-bottom:10px}.dark-mode .form-content{display:flex;flex-direction:column}.dark-mode .input-group{margin-bottom:10px}.dark-mode .input-label{font-size:14px;color:#cccccc;margin-bottom:8px;display:block}.dark-mode .input-field{width:93%;padding:12px;font-size:16px;border:1px solid #555;border-radius:4px;background-color:#2c2c2c;color:#e0e0e0;outline:none;transition:all .3s ease}.dark-mode .input-field:focus{border-color:#3498db;box-shadow:0 0 5px rgba(52,152,219,.5)}.dark-mode .submit-button-login{padding:12px;font-size:16px;background-color:#3498db;color:white;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.dark-mode .submit-button-login:hover{background-color:#2980b9}.dark-mode .register{font-size:16px;color:#cccccc;display:block;margin-top:20px;text-align:center}.dark-mode .register a{color:#3498db;text-decoration:none;font-weight:700;margin-left:5px}.dark-mode .register a:hover{color:#2980b9;text-decoration:underline}@media (max-width:765px){.dark-mode .login-page{margin:10px!important;height:60vh}.dark-mode .input-field{width:90%!important}}