body { background-color: #1b1464; font-family: Arial, sans-serif; } .container { position: relative; width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; } .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, #1b1464, #0652dd); z-index: -1; } .form-container { background-color: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .form-container h2 { color: #1b1464; } .form-container input { width: 100%; padding: 10px; margin-bottom: 10px; border: none; border-radius: 5px; } .form-container button { width: 100%; padding: 10px; background-color: #0652dd; color: #fff; border: none; border-radius: 5px; cursor: pointer; } .form-container button:hover { background-color: #ffc312; } .oauth-btn { background-color: #fff; border: 1px solid #ddd; } .oauth-btn img { width: 20px; height: 20px; margin-right: 10px; } #toggle-register, #toggle-login { color: #1b1464; cursor: pointer; } #toggle-register span, #toggle-login span { color: #ffc312; }